Improve Interview Process Detail Page responsiveness

[Abi107717]

Description

The Interview Process Detail Page layout isn’t optimal on tablet and various desktop widths (e.g., narrow desktop windows). Content can feel cramped, misaligned, or not scaled well across breakpoints. We should refine the responsive behavior mainly for tablet and desktop to keep sections readable and actions accessible.

Tasks

• Review layout on key tablet + desktop breakpoints (incl. narrower desktop window sizes).
• Adjust grid/flex so main sections resize/realign gracefully (avoid cramped columns).
• Ensure headers/titles and primary actions stay aligned and don’t overflow/clamp awkwardly.
• Fix any horizontal overflow from long content (tables/lists/badges/buttons).
• Keep spacing/typography consistent with existing project UI patterns.

Acceptance Criteria

• Tablet and desktop layouts are readable and well-aligned across common widths (incl. narrower desktop windows).
• No horizontal scrolling caused by the page layout.
• Primary actions remain visible and usable on tablet/desktop.
• Styling remains consistent with existing project patterns.