Global search UI

[cstns]

Description

Added a new global search component which is permanently available in the nav bar

• adhered with provided mockup in parent issue
• search results are split into 3 categories/sections
  • each category title will redirect to the instance/device/application page porting search query params
  • also added a load more functionality and an initial hard limit of 10 results/category
• deviations from mockup:
  • currently unable to display instance status as data missing from payload, (will be done in future iteration)
  • not displaying instance editor links and dashboard button due to same missing data, we may be redirecting users to suspended instances or ones lacking dashboard integrations
  • not 100% sure what the editor link to a device should point to

Related Issue(s)

closes https://github.com/FlowFuse/flowfuse/issues/4729

Checklist

• [x] I have read the contribution guidelines
• [ ] Suitable unit/system level tests have been added and they pass
• [ ] Documentation has been updated
  • [ ] Upgrade instructions
  • [ ] Configuration details
  • [ ] Concepts
• [ ] Changes flowforge.yml?
  • [ ] Issue/PR raised on FlowFuse/helm to update ConfigMap Template
  • [ ] Issue/PR raised on FlowFuse/CloudProject to update values for Staging/Production

Labels

• [ ] Includes a DB migration? -> add the area:migration label

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 78.73%. Comparing base (bb77f60) to head (3ac03ef). Report is 35 commits behind head on main.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #4798 +/- ## ======================================= Coverage 78.72% 78.73% ======================================= Files 314 314 Lines 15053 15063 +10 Branches 3457 3461 +4 ======================================= + Hits 11851 11860 +9 - Misses 3202 3203 +1 ``` | [Flag](https://app.codecov.io/gh/FlowFuse/flowfuse/pull/4798/flags?src=pr&el=flags&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=FlowFuse) | Coverage Δ | | |---|---|---| | [backend](https://app.codecov.io/gh/FlowFuse/flowfuse/pull/4798/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=FlowFuse) | `78.73% <ø> (+<0.01%)` | :arrow_up: | Flags with carried forward coverage won't be shown. [Click here](https://docs.codecov.io/docs/carryforward-flags?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=FlowFuse#carryforward-flags-in-the-pull-request-comment) to find out more.

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

---

🚨 Try these New Features:

• Flaky Tests Detection - Detect and resolve failed and flaky tests
• JS Bundle Analysis - Avoid shipping oversized bundles

[knolleary]

Looking great. Good job @cstns!

[Steve-Mcl]

1 issue. Since the search maintains your last query, if you add a thing and open the search it is already pre-populated and the new thing is not shown.

Otherwise, really REALY slick - love it.