Quiz Creation Select Resources - Implement Keyword search.

[AllanOXDi]

Overview

We need a search functionality on the Resource selection to allow users to search resources by keyword in the topic tree as included in the design. If in doubt, reach out to @tomiwaoLE for clarity.

Guidance

What we need to add is that the search should be integrated into the router similarly to how we've differentiated between Bookmarks & normal topic navigation (basically, we'll want a /search route in addition to what we've added)
The search was handled previously in Vuex, largely by way of this handler -- we will not be using handlers anymore, so the same API call & logic there should be migrated to a new module useFetchTree which gives an example of how to handle the "fetching more"

Using LessonSearchBox we can leverage the this.$route.params.searchTerm in the setup function in ResourceSelection. The the only pain is going to be migrating the API calls from the old Vuex handler, and to make sure that contentList is set to show the results.

Acceptance criteria

• 1. Migrate the old from Vuex handler to the useFetchTree module to handle data fetching.
• 2. Add a /search route to the router, similar to the bookmarks route. You can confirm this is working by testing against the API rather than within a component. Even using something like console logging to see the object is returned would work.)
• 3a. Utilize the existing LessonSearchBox component within ResourceSelection and leverage the this.$route.params.searchTerm in the setup function to access search terms. (Now we are implementing actually into the frontend)
• 3b. When a user exit the search and should route back to ResourceSelctionPage