Added Searchbar

[Amal-Verma]

Pull Request Description

Task Details

Task ID: [#9 Add Search bar]
Task Level: [Medium]
Task Category: [Frontend]

Changes Made

• Added 2 files
• Modified most of the files. Wrapped text in a wrapper component

Screenshots/Demo

search_bar_demo.mp4

Implementation Overview

• Created context (global state) to store the search word
• There are 2 feature in this
  • Search in all pages: Generates a dropdown that will help you to quickly find pages
  • Search in the current active page: Highlight all words that matchs your search word to quickly find content on page

Additional Notes

• Need to wrap text in HighlightWrapper component if you want to make the text searchable