Enable clickable gateway list item panel for improved navigation

[SateeshFW]

API Services Portal Issue

Priority: Low

Issue Type: Enhancement

Story Details

As an API Provider,
I want the entire gateway list item panel to be clickable,
so that I can easily navigate to the gateway details page without confusion.

Current Behavior:

The user currently needs to select the gateway name text to view the gateway details page. This approach lacks clarity and does not provide a good user experience, as it is not evident that selecting the gateway name will display the details.

Proposed Behavior:

The user should be able to click anywhere within the gateway list item to navigate to its details page. This change will enhance clarity and improve the user experience by clearly indicating that selecting the entire panel will display the gateway details.

Acceptance Criteria

• Clickable Area: The entire area of the gateway list item panel should be clickable, not just the gateway name text.
• Navigation: Clicking anywhere within the gateway list item panel should navigate the user to the corresponding gateway details page.
• Visual Indication: The list item panel should have a visual indication (e.g., hover effect, cursor change) to show that it is clickable.
• Consistency: The new behavior should be consistent across all gateway list items and within all supported browsers and devices.
• User Feedback: Ensure that users are able to easily find and access the gateway details page with minimal confusion.