Fix for flickering page when opening findings flyout (elastic#229016)

## Summary

This PR addresses the issue where Findings Flyout flickers when it first
being rendered


https://github.com/user-attachments/assets/13ef6536-3d8a-46ae-a551-6e74ec7c4f42

Author: animehart

x-pack/solutions/security/plugins/cloud_security_posture/public/plugin.tsx

@@ -152,36 +152,52 @@ export class CspPlugin
       getCloudSecurityPostureMisconfigurationFlyout: () => {
         return {
           Component: (props: FindingsMisconfigurationPanelExpandableFlyoutProps['params']) => (
-            <LazyCspFindingsMisconfigurationFlyout {...props}>
-              {props.children}
-            </LazyCspFindingsMisconfigurationFlyout>
+            <Suspense fallback={<CspLoadingState />}>
+              <LazyCspFindingsMisconfigurationFlyout {...props}>
+                {props.children}
+              </LazyCspFindingsMisconfigurationFlyout>
+            </Suspense>
           ),
           Header: (props: FindingsMisconfigurationFlyoutHeaderProps) => (
-            <LazyCspFindingsMisconfigurationFlyoutHeader {...props} />
+            <Suspense fallback={<CspLoadingState />}>
+              <LazyCspFindingsMisconfigurationFlyoutHeader {...props} />
+            </Suspense>
           ),
           Body: (props: FindingsMisconfigurationFlyoutContentProps) => (
-            <LazyCspFindingsMisconfigurationFlyoutBody {...props} />
+            <Suspense fallback={<CspLoadingState />}>
+              <LazyCspFindingsMisconfigurationFlyoutBody {...props} />
+            </Suspense>
           ),
           Footer: (props: FindingMisconfigurationFlyoutFooterProps) => (
-            <LazyCspFindingsMisconfigurationFlyoutFooter {...props} />
+            <Suspense fallback={<CspLoadingState />}>
+              <LazyCspFindingsMisconfigurationFlyoutFooter {...props} />
+            </Suspense>
           ),
         };
       },
       getCloudSecurityPostureVulnerabilityFlyout: () => {
         return {
           Component: (props: FindingsVulnerabilityPanelExpandableFlyoutProps['params']) => (
-            <LazyCspFindingsVulnerabilityFlyout {...props}>
-              {props.children}
-            </LazyCspFindingsVulnerabilityFlyout>
+            <Suspense fallback={<CspLoadingState />}>
+              <LazyCspFindingsVulnerabilityFlyout {...props}>
+                {props.children}
+              </LazyCspFindingsVulnerabilityFlyout>
+            </Suspense>
           ),
           Header: (props: FindingsVulnerabilityFlyoutHeaderProps) => (
-            <LazyCspFindingsVulnerabilityFlyoutHeader {...props} />
+            <Suspense fallback={<CspLoadingState />}>
+              <LazyCspFindingsVulnerabilityFlyoutHeader {...props} />
+            </Suspense>
           ),
           Body: (props: FindingsVulnerabilityFlyoutContentProps) => (
-            <LazyCspFindingsVulnerabilityFlyoutBody {...props} />
+            <Suspense fallback={<CspLoadingState />}>
+              <LazyCspFindingsVulnerabilityFlyoutBody {...props} />
+            </Suspense>
           ),
           Footer: (props: FindingsVulnerabilityFlyoutFooterProps) => (
-            <LazyCspFindingsVulnerabilityFlyoutFooter {...props} />
+            <Suspense fallback={<CspLoadingState />}>
+              <LazyCspFindingsVulnerabilityFlyoutFooter {...props} />
+            </Suspense>
           ),
         };
       },