[Feature]: Add No Results Found Page for Unsuccessful Searches

[RachitSahu26]

Description

fixed:#419

This PR introduces a No Results Found page to handle cases where a search yields no results. The new component provides a user-friendly message, actionable buttons to navigate back or reload, and aligns with the structure and styling of similar components within the project.

Related Issues

Changes Proposed

New Component:

Created a NoResultFound.jsx component that displays: A sad face icon using react-icons. User-friendly text for search failures. Two action buttons: Go Back and Search Again. Routing & Functionality:

Integrated Next.js useRouter to navigate back with the Go Back button. Implemented window.location.reload() to reload the page via Search Again button. Styling:

Used a flex layout for alignment and spacing consistency. Added hover effects to buttons for better UX.

Checklist

• [x] I have read and followed the Contribution Guidelines.
• [x] All new and existing tests passed.
• [x] I have updated the documentation to reflect the changes I've made.
• [x] My code follows the code style of this project.
• [x] The title of my pull request is a short description of the requested changes.

Screenshots

https://github.com/user-attachments/assets/111ed744-8e46-4bb1-9c8c-2e00ba99b652

Note to reviewers

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
devdisplay	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 27, 2024 7:33am

[netlify[bot]]

❌ Deploy Preview for devdisplay failed.

Name	Link
🔨 Latest commit	ecab5dd8526a479ebbc3acf66d5e249a4efcddd7
🔍 Latest deploy log	https://app.netlify.com/sites/devdisplay/deploys/671decbeb1f4ac00085925da

[RachitSahu26]

hey @codeaashu please help me little bit why is this happening

[codeaashu]

hey @RachitSahu26 leave that focus on this issue https://github.com/codeaashu/DevDisplay/issues/475#issue-2617410305