fix#57 : Autocomplete search bar created for all pages

[amitanshusahu]

🛠️ Fixes Issue : "57 : search bar created"

fixed - #57

👨‍💻 Changes proposed:

1. Created a Search bar to match ui with interactive animation.
2. Set up for Autocompletion in the search bar.
3. made caching system ( store last search by the user , even when site is opened after years )
4. Replicated the chages to index and products page

✔️ Check List (Check all the applicable boxes)

• [x] My code follows the code style of this project.
• [x] This PR does not contain plagiarized content.
• [x] The title of my pull request is a short description of the requested changes.
• [x] I am a participant of Hacktoberfest 2022.

📄 Note to reviewers

• more suggestion can be added , by putting keywords in the searchSuggestion.js

📷 Screenshots

the search Bar showing auto completion👇🏻

the search Bar showing Recent search 👇🏻

the search bar showing Error 👇🏻

video example

screen-recorder-sun-oct-02-2022-19-07-17.webm

[netlify[bot]]

✅ Deploy Preview for leatherhoard ready!

Name	Link
🔨 Latest commit	ad15f981deef350ab0a35098fb7822d420d8e077
🔍 Latest deploy log	https://app.netlify.com/sites/leatherhoard/deploys/63399af96fdfd600086a57f4
😎 Deploy Preview	https://deploy-preview-76--leatherhoard.netlify.app
📱 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 settings.