Advanced Search locking up browser

[areyeslo]

Issue: Multiple Unnecessary Re-renders of ContentList on Search Execution

When the user clicks the Search button in AdvancedSearch component, the executeSearch function is triggered, which subsequently calls fetchResults function within the SearchPage component. This action causes the SearchPage component to re-render, leading to multiple unnecessary re-renders of the ContentList component. Since ContentList is responsible for handling the bolding of search terms, these repeated re-renders can cause freezing the browser.

Solution
To enhance performance and prevent browser freezing, we need to optimize the rendering process so that ContentList re-renders only once after the search results are fetched.

Additional Issue: Search Terms Not Saved on New Search Creation
During testing, when creating a new search, the search terms (searchTerms) are not being saved correctly. This issue occurs because searchTerms are only updated when the user clicks the Search button. We need to ensure that searchTerms are properly included when a new search is created, similar to how they are handled during updates.

Solution
Update the addSearch function to include searchTerms when creating a new search.