[Multiple Datasource] Refactor data source readonly view component

[BionIT]

Is your feature request related to a problem? Please describe.
There are a few props we need to add for data source view component:

• optional data source filter, same as other data source components
• hide local cluster, same as other data source components
• onSelectedDataSources, same as other data source components, although this component doesn't allow selection, it needs to have a callback to tell plugins about the validity of the data source passed in

There are a few edge cases we need to address for the component and make sure we have tests that cover the following:

• When id is empty string while hide local cluster setting is true, this is invalid case, will show toasts saying the data source is not available
• When invalid data source id is passed in, the component should show toast saying the data source is not available in regardless of the hide local cluster setting
• When empty data source id is passed in and hide local cluster setting is set to false, the component should show local cluster on initial load
• When valid data source id is passed in, the data source component should show the data source

Describe the solution you'd like

A clear and concise description of what you want to happen.

Describe alternatives you've considered

A clear and concise description of any alternative solutions or features you've considered.

Additional context

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

[zhyuanqi]

Will take a look and work on it.

[BionIT]

Thanks a lot @zhyuanqi !