Improve project detail expansion performance

[wahahaha-hub]

What Changed

This PR replaces the inline project detail expansion with a fixed detail panel.

• Desktop: project details open in a right-side panel.
• Mobile: project details open as a bottom drawer.
• The selected table row keeps a highlighted state.
• Sorting and filtering close the active detail panel to keep state consistent.

Problem

The previous inline expansion inserted detail content directly into the table flow.

On large tables, expanding rows near the top could cause noticeable lag because the browser had to recalculate layout for many following rows. This was especially visible when interacting with early rows in the list.

Why This Approach

The new fixed detail panel avoids changing the table height when a project is opened.

This reduces layout work while preserving the same project detail content and keeping the main table visually stable.

Interaction And Accessibility

• Mouse click opens and closes project details.
• Enter / Space opens project details from a focused row.
• Escape closes the active detail panel.
• Keyboard-opened panels move focus to the close button.
• Closing with Escape returns focus to the selected row.
• aria-expanded, aria-controls, and aria-labelledby are updated for the panel interaction.

Responsive Behavior

• On desktop, details appear in a right-side panel.
• On smaller screens, details appear as a bottom drawer.
• Reduced-motion users do not get the panel transition animation.

Validation

• uv run python website/build.py
• uv run pytest website/tests/ -v
• uv run ruff check .