frontend: globalsearh: Add Clear button in the search field and showing a pointer cursor for search results

[Vikaspal8923]

Summary

This PR improves the global search UX by adding a clear button to the search input and showing a pointer cursor for search result rows.

Related Issue

Fixes #4958

Changes

• Updated global search input to include a clear button when a query is present
• Updated global search result rows to show a pointer cursor on hover
• Kept the change minimal and scoped to the global search UI

Steps to Test

1. Open Headlamp and click the global search bar.
2. Type a query into the search input.
3. Confirm a clear x button appears on the right side of the input.
4. Click the clear button and verify the query is cleared.
5. Type a query again so search results appear.
6. Hover over a search result and verify the cursor changes to a pointer.

Screenshots (if applicable)

Notes for the Reviewer

• This is a small UI-only change in the global search flow.

[linux-foundation-easycla]

The committers listed above are authorized under a signed CLA.

• ✅ login: Vikaspal8923 / name: Vikas_pal8923 (4cc4346)

[k8s-ci-robot]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by: Vikaspal8923
Once this PR has been reviewed and has the lgtm label, please assign ashu8912 for approval. For more information see the Code Review Process.

The full list of commands accepted by this bot can be found here.

Details

Needs approval from an approver in each of these files:

• OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[k8s-ci-robot]

Welcome @Vikaspal8923!

It looks like this is your first PR to kubernetes-sigs/headlamp 🎉. Please refer to our pull request process documentation to help your PR have a smooth ride to approval.

You will be prompted by a bot to use commands during the review process. Do not be afraid to follow the prompts! It is okay to experiment. Here is the bot commands documentation.

You can also check if kubernetes-sigs/headlamp has its own contribution guidelines.

You may want to refer to our testing guide if you run into trouble with your tests not passing.

If you are having difficulty getting your pull request seen, please follow the recommended escalation practices. Also, for tips and tricks in the contribution process you may want to read the Kubernetes contributor cheat sheet. We want to make sure your contribution gets all the attention it needs!

Thank you, and welcome to Kubernetes. 😃