[Multiple Datasource] Filter data source options more dynamically using the data source filter for the data source selector

[BionIT]

Is your feature request related to a problem? Please describe.
In #5992, we exposed filter function to allow consumers of the component to specify a filter function which would hide certain data sources before rendering. This function works at initial load but doesn't work dynamically when the filter condition changes.

Describe the solution you'd like
Based on requirement for Search Relevance plugin which consumes this component, we need to be able to filter out options based on options passed by parent filter component more dynamically, thus, to resolve, we should store all data sources fetched during initial load, then apply the filter before rendering so that it can filter based on changes in the filter function.

Describe alternatives you've considered
An alternative is to expose another prop to only render options passed into the component, then the current component would have more complex logic and it doesn't work well with the existing filter function

Another alternative is to make another component which only renders options passed into it
Additional context

Add any other context or screenshots about the feature request here.