feat: optimize layout of order progress management page

[3w36zj6]

close #218

[Copilot]

Pull Request Overview

このPRは、注文進捗管理ページのレイアウトをモバイル対応に最適化するものです。主に、既存のデスクトップ向けレイアウトにレスポンシブデザインを追加し、小画面デバイスでの使いやすさを向上させています。

• レスポンシブなFlexboxレイアウトの導入（モバイルでは縦配置、デスクトップでは横配置）
• 画面幅に応じたパディングとカラム幅の調整
• スクロール処理の改善

Reviewed Changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 11 comments.

File	Description
app/routes/staff/orders/progress/index.tsx	ページコンテナにレスポンシブなパディングとFlexboxレイアウトを追加、不要な見出しを削除
app/routes/staff/orders/progress/-components/$orderProgressManager.tsx	カードやボタンのレイアウトをモバイルファーストに変更、レスポンシブなwidth variantを追加、スクロール処理を再構築

Comments suppressed due to low confidence (1)

app/routes/staff/orders/progress/-components/$orderProgressManager.tsx:353

• アーキテクチャガイドライン(/docs/architecture.md:60-61)に従い、新規実装ではclassNameではなくclassを使用してください。Hono JSXでは両方が動作しますが、classを優先することが推奨されています。

            </div>

[r4ai]

処理待ちの列だけ横スクロールできてしまいます

2025-11-22.114018.mp4