Implement AutoComplete in the Search Bar

[DannyThorne01]

Task: Implement AutoComplete Search Bar 🐙

Features:

• When a user searches for a Province (we'll only work with provinces not counties for now), as they are typing the search bar will provide recommendations to them. This feature is already implemented in frontend/..../SearchBar.tsx. Now I want you to update it so that if the user makes a mistake while typing out the name of a Province, the search will still provide the recommendations that are close to what they are typing. This is called fuzzy searching. For now you can declare a list of provinces as the list to search through when implementing fuzzy search. But later on this list should passed in as a prop the SearchBar component.

Estimated Time: 4 hrs - including tutorial and implementation time

Working Directory: frontend/src/components/molecules/SearchBar.tsx

Tutorials:

• How to do Fuzzy Search 1
• How to do Fuzzy Search 2
• Live Demo of Fuzzy Search