Description: Currently, when a user types in the search bar, looking for the name of a grant, a dropdown appears with the names the grants with those letters. The user then clicks one, which opens up that grant's expanded view. The goal of this ticket is to add the addition functionality of real-time filtering, so that as the user types, the grants are being filtered on the screen (e.g. if the user types "th", only grants with "th" in their name are visible in the grant directory).

User Story: As a user, I want to be able to search for a grant and see only the relevant grants on the screen as I type. I can click an option in the dropdown, which will take me to that grant and open up the expanded grant view. If I type and press 'enter', it will take me out of the search bar, the dropdown will disappear, and I can scroll to explore the grants with no visual blockers.

Acceptance Criteria:

• As the user types in the search bar, the grant directory dynamically updates in real time to show only grants whose names contain the typed characters (case-insensitive).
• The existing dropdown still appears, showing matching grant names as typeahead suggestions.
• Clicking a grant in the dropdown takes the user directly to that grant’s expanded view (same as current functionality).
• Pressing 'enter' while typing closes the dropdown and leaves the user in the grant directory view, showing the filtered results with the search still visible in the search bar.
• Clearing the search input resets the grant directory to show all grants.
• Filtering through search is compatible with column sorting features and other filtering features.
• OPTIONAL: include a "no results found" dropdown if the user types a sequence of characters that is not in the name of a grant.