[Cloud Security] fix responsiveness on the Benchmark Rules page (elas…

…tic#191080)

## Summary

It ain't much but it's honest work

- fixes elastic#181641
- part pf elastic/security-team#10316

## Screencast
tbh before is not as bad as in the linked ticket, so we can also leave
it as it is until we do responsiveness on this page properly.

before


[screencast-localhost_5601-2024.08.22-15_14_34.webm](https://github.com/user-attachments/assets/4f119203-6a91-4a52-9514-3489789649ce)

after


[screencast-localhost_5601-2024.08.22-15_05_32.webm](https://github.com/user-attachments/assets/36276e71-8d2d-4095-b2b6-e5524f6d0692)

x-pack/plugins/cloud_security_posture/public/pages/rules/rules_counters.tsx

@@ -272,7 +272,7 @@ export const RulesCounters = ({
   ];
 
   return (
-    <EuiFlexGroup>
+    <EuiFlexGroup wrap={true}>
       {counters.map((counter) => (
         <EuiFlexItem key={counter.id}>
           <CspCounterCard {...counter} />

x-pack/plugins/cloud_security_posture/public/pages/rules/rules_table_header.tsx

@@ -106,7 +106,7 @@ export const RulesTableHeader = ({
 
   return (
     <EuiFlexGroup direction="column">
-      <EuiFlexGroup>
+      <EuiFlexGroup wrap={true}>
         <EuiFlexItem grow={1}>
           <SearchField isSearching={isSearching} searchValue={searchValue} search={search} />
         </EuiFlexItem>