chore: ignore agent metadata and reports; update UI components

[raiden9420]

closes #31

Summary of Changes:
This PR introduces a comprehensive refinement of the Protly frontend interface. Following an audit using our Impeccable framework, we applied /normalize and /harden standards across the application. The goal is to provide a more consistent, data-dense, and resilient interface befitting an authoritative scientific tool.

Key Features & Improvements:

• Design Normalization: Completely overhauled our CSS baseline in index.css, introducing new scalable design tokens (variables) that establish a highly professional, clinical aesthetic.
• Component Hardening: Increased the robustness of all main interactive components (SequenceInput, SearchPanel, PredictionStatus, MolViewer). Components now properly handle loading states, absent data, and text overflow without breaking layouts.
• Enhanced Visual Hierarchy: Improved spacing, contrast, and typography throughout the data cards (GeneInfo, ProteinBio, ProteinMetrics, LabReadiness, ActionsCard), making dense scientific data easier to parse at a glance.
• Structural Upgrades: Refined core navigational logic in the Sidebar and TopBar to maintain a clutter-free, navigation-only focus.
• Framework Integration: Included the new .impeccable.md, skills-lock.json, and .agents framework files to lock in the standardized UI ruleset for future contributors.

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: f7b58be088

ℹ️ About Codex in GitHub

Codex has been enabled to automatically review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".

[chatgpt-codex-connector]

Restore responsive dashboard collapse below 1200px

Changing .dashboard-grid to display: flex here breaks the existing responsive behavior because the @media (max-width: 1200px) rule later in this file still uses grid-template-columns: 1fr, which has no effect on flex containers. On tablet/smaller widths, dashboard and analysis views therefore stay in a cramped side-by-side layout instead of collapsing to one column, making core panels hard to use. Add an explicit flex breakpoint override (for example, flex-direction: column and matching width resets) to preserve the previous mobile/tablet flow.

Useful? React with 👍 / 👎.