Context

Use the current google cloud data store configuration UI components to show a datasource selection UI for the use to switch the current datasource to a different one configured in the config file. This will enable the users to switch the data sources without the need to taking a new build.

Changes & Results

• Added new DataSourceConfigurationApi file to provide the data objects to be shown when selecting the datasource selector UI.
• Added a type prop to DatasourceConfigurationComponent to reuse it for both datasource selection and cloud datasource configuration
• Added this component in the StudyListFilter component

Testing

• Load worklist page
• Click on the icon shown near to the datsource text
• Check if the data sources configured in the config file is getting listed
• Click the select button
• Check if the data source shown in the filter component has changed and the new study list has been loaded

Checklist

PR

• My Pull Request title is descriptive, accurate and follows the
  semantic-release format and guidelines.

Code

• My code has been well-documented (function documentation, inline comments,
  etc.)

Public Documentation Updates

• The documentation page has been updated as necessary for any public API
  additions or removals.

Tested Environment

• OS: Windows 11
• Node version: 20.12
• Browser: Chrome 131.0.6778.86