Add datasource picker component and use it in devtools and tutorial page when multiple datasource is enabled

[BionIT]

Description

This resolves #5717.
The datasource picker has different behavior in devtools and tutorial page when multiple datasource is enabled, it should be one component to ensure the behavior is the same.

This change adds datasource picker component and use it in devtools and tutorial page when multiple datasource is enabled to unify the behavior: the default option for the picker when first opening the page with the picker should be Local cluster. After removing the option, it should display Select a data source. Also, the prepend should be Data source instead of DataSource

Issues Resolved

fixes #5717

Screenshot

feat.mp4

Testing the changes

1. If data_source.enabled is false, then data source picker doesn't show up in devtools nor add sample data page.
2. Change data_source.enabled to true will turn on multiple datasource
3. Go to devtools page, the datasource picker should appear on top right, with Local cluster chosen as the default option. Choose the local data source, query data should be successful, choose remote data source, query data should be successful
4. Go to add sample data page, the datasource picker should appear, with Local cluster chosen as the default option. Choose the local data source, add sample data should be successful, choose remote data source, add sample data should be successful

Check List

• All tests pass
  • yarn test:jest
  • yarn test:jest_integration
• New functionality includes testing.
• New functionality has been documented.
• Update CHANGELOG.md
• Commits are signed per the DCO using --signoff

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (f8ee03a) 67.03% compared to head (4e83603) 67.03%.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #5756   +/-   ##
=======================================
  Coverage   67.03%   67.03%           
=======================================
  Files        3296     3296           
  Lines       63343    63343           
  Branches    10087    10087           
=======================================
  Hits        42463    42463           
  Misses      18430    18430           
  Partials     2450     2450           

Flag	Coverage Δ
Linux_1	35.23% <ø> (ø)
Linux_2	55.18% <ø> (ø)
Linux_3	43.92% <ø> (ø)
Linux_4	35.33% <ø> (ø)
Windows_1	35.26% <ø> (ø)
Windows_2	55.15% <ø> (ø)
Windows_3	43.93% <ø> (ø)
Windows_4	35.33% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[bandinib-amzn]

Thanks @BionIT for making this change. I really appreciate your efforts to unify the data source picker component and remove repetitive code. I can see the great value of this change from maintenance, consistent experience and reusability perspective.