feat: persisting event page search in url state

[aadarsh-nagrath]

What this PR do ?

-The state variable selectedEventId is updated when an event is selected from the table.

-Browser's URL state updates with the selected event's ID.so the page reflects the selected event even after a reload.
selected event ID is extracted from the URL state. This ensures that the component reflects the correct selected event when the page is loaded or when the URL changes.

-search Term state variable tracks the search term locally. Whenever the searchTerm state variable changes, the useEffect hook is triggered. It updates the URL state with the new search term value.

-URL state can be updated with relevant information such as page number, page size, search term, and selected event, so the component ensures that the page state can be preserved even after a reload.

/fix #637
/claim #637

[maxgurewitz]

@aadarsh-nagrath we ask that contributors include a screen recording of their features. Can you include a screen recording of,

1. you using the search page
2. going to the next page
3. entering a search term
4. reload the page and see that the information is preserved?

[maxgurewitz]

you should not need to install new dependencies