[8.16] [Synthetics TLS certificate] Fix error when opening rule flyout (

#202386) (#202525)

# Backport

This will backport the following commits from `main` to `8.16`:
- [[Synthetics TLS certificate] Fix error when opening rule flyout
(#202386)](#202386)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Bena
Kansara","email":"[email protected]"},"sourceCommit":{"committedDate":"2024-12-02T16:11:12Z","message":"[Synthetics
TLS certificate] Fix error when opening rule flyout (#202386)\n\nFixes
https://github.com/elastic/kibana/issues/188828","sha":"c4dc230f2ee3da6568d58e4f7caf2daba2ad842f","branchLabelMapping":{"^v9.0.0$":"main","^v8.18.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix","v9.0.0","backport:prev-major","ci:project-deploy-observability","Team:obs-ux-management"],"title":"[Synthetics
TLS certificate] Fix error when opening rule
flyout","number":202386,"url":"https://github.com/elastic/kibana/pull/202386","mergeCommit":{"message":"[Synthetics
TLS certificate] Fix error when opening rule flyout (#202386)\n\nFixes
https://github.com/elastic/kibana/issues/188828","sha":"c4dc230f2ee3da6568d58e4f7caf2daba2ad842f"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/202386","number":202386,"mergeCommit":{"message":"[Synthetics
TLS certificate] Fix error when opening rule flyout (#202386)\n\nFixes
https://github.com/elastic/kibana/issues/188828","sha":"c4dc230f2ee3da6568d58e4f7caf2daba2ad842f"}}]}]
BACKPORT-->

Co-authored-by: Bena Kansara <[email protected]>

x-pack/plugins/observability_solution/synthetics/public/apps/synthetics/components/alerts/tls_rule_ui.tsx

@@ -9,8 +9,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import React, { useEffect } from 'react';
 import { RuleTypeParamsExpressionProps } from '@kbn/triggers-actions-ui-plugin/public';
 import { AlertTlsComponent } from './alert_tls';
-import { getDynamicSettings } from '../../state/settings/api';
-import { selectDynamicSettings } from '../../state/settings';
+import { getDynamicSettingsAction, selectDynamicSettings } from '../../state/settings';
 import { TLSParams } from '../../../../../common/runtime_types/alerts/tls';
 import { DYNAMIC_SETTINGS_DEFAULTS } from '../../../../../common/constants';
 
@@ -24,7 +23,7 @@ export const TLSRuleComponent: React.FC<{
 
   useEffect(() => {
     if (typeof settings === 'undefined') {
-      dispatch(getDynamicSettings());
+      dispatch(getDynamicSettingsAction.get());
     }
   }, [dispatch, settings]);