[ResponseOps][Rules]The rule row actions in the rules table are displ…

…ayed incorrectly on smaller screens (elastic#201912)

Closes elastic#193413

## Summary

- set a fixed width for the status column, which solves the issue of the
rule row actions being misaligned and overlapping on smaller screens

<img width="1451" alt="Screenshot 2024-11-27 at 10 20 10"
src="https://github.com/user-attachments/assets/2413e306-2b16-4a96-a127-2ed3550792ad">

x-pack/plugins/triggers_actions_ui/public/application/sections/rules_list/components/rules_list_table.tsx

@@ -720,7 +720,7 @@ export const RulesListTable = (props: RulesListTableProps) => {
         ),
         sortable: true,
         truncateText: false,
-        width: '10%',
+        width: '100px',
         'data-test-subj': 'rulesTableCell-status',
         render: (_enabled: boolean | undefined, rule: RuleTableItem) => {
           return renderRuleStatusDropdown(rule);