fix(ui): projects filter ui

[mirrajabi]

Two issues with project filter input are fixed. (You may also see it as one issue and a feature)

1. The hidden search bar

In the case that the filter result was returned empty, the search bar would disappear, blocking the user from resetting the search. The only fix in this situation was to remove the projects-filter cookie to get the search bar back.

The image below shows how it would like before, if you would search for a non-existing project name:

2. Hitting the enter button wouldn't change the projects-filter

This one was more of an annoying thing because previously you had to manually click on the search button to change the search filter. Now just hitting enter will do that.

I've checked the other interactions with the search bar like selecting different items and all still work as expected.

P.S. I've uploaded a screen recording of how it looks with this PR in this comment below.

[netlify]

✅ Deploy Preview for docs-kargo-io ready!

Name	Link
🔨 Latest commit	f4d0517
🔍 Latest deploy log	https://app.netlify.com/sites/docs-kargo-io/deploys/67fbebb63f61f200089d40e0
😎 Deploy Preview	https://deploy-preview-3771.docs.kargo.io
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[mirrajabi]

This is how it looks after the improvements:

after.mov

[krancour]

@mirrajabi thanks for this! I agree this can be improved.

I test drove this and found the keypress on enter sometimes behaving in surprising ways.

In this example, I search for "foo", which does not exist. Everything works great. Then I highlight and delete "foo" thinking I'm completely clearing the filter and I hit enter, expecting to once again see all Projects, but I end up being taken directly into my Project's page, even though it does not appear that I've highlighted it in the dynamic results beneath the search box.

Screen.Recording.2025-04-09.at.2.25.12.PM.mov

[mirrajabi]

@krancour Thanks for testing!

There was indeed an issue there. If the search returned exactly one result, hitting enter would open the details page for that exact result, regardless of the search input. In this case there was only one project, so an empty search returned exactly that.
I've fixed this in f4d0517.