Select Component - dropdown with fuzzy search and multi-select capability

[Atikpui007]

Summary

This pull request is aimed at introducing a new component / library which solves the problem of having searchable select dropdowns

• installed react-select library which comes with predefined features such as multi-select, searchable select dropdown, etc
• implemented form functionality for the Select dropdown and can correctly pass information to the backend
• implemented rules for the form functionality to ensure only valid data is sent through
• Added more custom functionality to the select component (returns only the value field to the form now)
• Replaced select dropdowns for Ride modal
• Replaced select dropdowns for Student modal
• Replaced select dropdowns for other modals

The goal is to ensure that all the dropdowns make use of this component

Test Plan

To test the functionality of react-select

1. Open the Add / Edit Ride modal
2. Under the Rider Info section the pickup and dropoff location make use of React-Select

Screen.Recording.2024-03-27.at.1.07.45.PM.mov

Notes

Read on the react-select component here

React-select library requires a specific type of options to work

options = {
value
label
}

~~So it is necessary to transform the datalist into a supportable type for the Select component ~~
Fixed the react-select component to return only the value

Breaking Changes

Bug with the transforming of options - results in multiple options having the same keys. Causes the website to build a map that is arbitrarily large.
Squashed bug by introducing dependency array into the useEffect hook in the riderInfo.tsx file. Issue was with the constant updating of the dropdown menu causing performance and web crashes

[dti-github-bot]

[diff-counting] Significant lines: 381.

[namanhboi]

Great work on incorporating the react-select library. It works as expected and allows for easy multi select dropdown boxes. However, now we have to fix some styling issues:

Here, the dropdown for disablility filter takes up the whole width of screen

I'll work on this part next

[namanhboi]

#507 (comment)