[Frontend] Implement Notification Search Suggestions

[Abd-Standard]

Description

Enhance the search experience by displaying relevant suggestions while users type into the notification search bar.

Tasks
Fetch suggestions asynchronously.
Debounce user input.
Highlight matching terms.
Handle empty results gracefully.

Acceptance Criteria
Suggestions appear with minimal delay.
Search requests are optimized.
Empty states display correctly.

[Clement-coder]

Hi, I’d like to work on this issue. I’m a Full Stack Blockchain, Mobile, and Software Engineer with experience building scalable applications, smart contracts, APIs, and modern web solutions. I’ve reviewed the requirements and understand the expected outcome. I’m confident I can deliver a clean, efficient, and well-tested solution, and I’d appreciate the opportunity to contribute.

[Glam26]

Hi, I’d like to take this on.

I can implement a responsive notification search suggestion system with:

Debounced input handling to prevent excessive API calls
Async suggestion fetching with optimized request flow
Highlighted matching terms in results for better UX
Proper empty states and loading handling
Clean performance-safe implementation (no redundant re-renders or requests)

I’ll make sure the search feels instant, stable, and production-ready even under fast typing or high usage.

If selected, I can start immediately and deliver this as a clean, reviewable PR.

[Jenola344]

Built async search with debouncing and highlighting before; reviewed your code ready to enhance the search bar smoothly

[Senorespecial]

i would like to work on this issue, please assign

[miss-yusrah]

Hi maintainer,

I would like to work on this issue.

From my understanding, the goal is to enhance the notification search experience by providing real-time suggestions as users type, while ensuring performance and usability through debouncing and proper handling of empty states.

I have experience building interactive UIs with React/Next.js and handling asynchronous data fetching. I’m familiar with implementing debounced input handling, optimizing API requests, and creating responsive search experiences.

If assigned, I will:

• Implement debounced input handling to limit unnecessary API calls
• Fetch suggestions asynchronously based on user input
• Display relevant suggestions with highlighted matching terms
• Handle empty and no-result states gracefully
• Ensure minimal delay and a smooth user experience

I will also ensure the implementation is efficient, clean, and consistent with the project’s existing components and patterns.

Kindly assign this issue to me. Thank you!

[grantfox-oss]

🦊 GrantFox — @miss-yusrah has been assigned to this issue as part of the Official Campaign campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #80)
2. Your PR will be reviewed by the Core-Foundry maintainers

Good luck! Track your progress on GrantFox.

[grantfox-oss]

🎉 This issue has been marked as completed on GrantFox as part of the Official Campaign campaign!

@miss-yusrah's PR #122 was approved and merged by @Abd-Standard.

🏆 @miss-yusrah: You earned 35 FoxPoints for this contribution! Your current tier: Explorer (153 total points). Track your full progress on GrantFox.

👏 Great work, @miss-yusrah! Keep contributing to Core-Foundry.