Fix alignment issues in rule page layout

[maany]

Description

The rule page currently has visual alignment issues that affect readability and professional appearance. Table columns, text, and UI elements need proper alignment to improve the user experience.

Current Behavior

• Misaligned table columns or headers
• Inconsistent text alignment within cells
• Visual elements not properly aligned with their containers

Proposed Solution

• Audit and fix all alignment issues in the rule page
• Ensure consistent alignment patterns
• Improve overall visual harmony

Implementation Details

1. Identify all alignment issues through visual audit
2. Fix table column alignment
3. Ensure consistent text alignment (left, right, center)
4. Align icons and buttons properly
5. Test on different screen sizes and browsers
6. Apply consistent spacing and padding

Acceptance Criteria

• All table columns properly aligned with headers
• Text alignment is consistent within similar elements
• Visual elements align with their containers
• No visual misalignment on different screen sizes
• Consistent spacing throughout the page

Parent Issue

• [EPIC] UX improvements (Target 22) #621