ui: full renewal — sidebar nav, dark palette, cleaner traffic table

[ykus4]

Changes

Layout

• 左サイドバーナビゲーション (200px) — 14タブが1列に整理
  • グループ: Traffic / Tools / Security / Analysis / Dev / Data
  • アクティブ状態: 左ボーダー + アクセントカラー
• ツールバーをミニマルに: フィルター + status dot + アイコンボタンのみ

カラーパレット

• bg: #0a0e1a / surface: #111827 / accent: #3b82f6
• Method pill: 半透明背景 + モノスペースフォント
• Status pill: 同様のシステム (2xx 緑/3xx 青/4xx 黄/5xx 赤)
• 細い1pxボーダー、コンパクトなスクロールバー

トラフィックテーブル

• ホバー/選択時に左アクセントボーダー
• ID・パス・サイズはモノスペースフォント
• 右クリックカラーピッカーをドットスウォッチに変更

詳細パネル

• URL バーに method pill をインライン表示
• セクションタイトル: QUERY / HEADERS / BODY (大文字 muted)
• レスポンス: ステータス pill + ms + サイズチップをインライン
• 空状態のアイコンを大きく

Test plan

• CI green
• uv run pypproxy → サイドバーが表示される
• 各ナビ項目をクリック → ページが切り替わる
• リクエストをキャプチャして行をクリック → 詳細が表示される