Configure react context for elections query

[cfech]

Configure react context for elections query

[cfech]

Completed:

UI

• Removed global 2 rem border
• Search button stays disabled when the text box has no text
• Created CivicInfor.tsx with basic mui grid and share context with this page, added this to the navbar
• Removed Home from navbar and set the site text to navigate home
• Renamed/refactored homePageSearchBar to be AddressSearchBar this component is shared between the home page and the civic info page
• Added the AddressSearchBar to the civics info page, if something is queried from this page there will be no redirection
• Updated search bar title from generic vite one to Civics Central

API Calls

• Queried available elections api
• Created interface for available elections response
• Configured available elections api call to run after representatives call has completed and set it in context
• Home page will navigate to /civicInformation after both calls succeed

Context

• Refactored/renamed GlobalContext to GlobalContextWrapper
• Moved mui context into a class called ThemeContextWrapper
• Created AvailableElectionsContextWrapper to hold context for available elections query, this wrapper wraps all the children of the app component in order to be able to use this data anywhere we need it
• Wrote custom hooks for access to available election getter and setter
• When civicInformation page loads, the data from the representatives endpoint and the elections endpoint are dumped in the console from that state held in react context

[cfech]

Other:

• deployed updates
• fixed security vulnerability in an npm package