Redesign Booskiff drive navigation and transfer queue

[turtton]

Drive をルートからフォルダ単位で閲覧できる画面に変更し、ファイル操作と転送状況を整理します。従来の集約一覧・保存場所カラムを廃止し、フォルダを開くと直下の項目だけを表示します。

• リスト／アイコン表示を切替可能にし、アイコン表示はアイコンと名前のみ。現在地・検索・並び順を切替時に維持。
• 上部の「＋新規」から追加メニューを表示し、上部から一覧全体を一続きのドロップ領域に変更。一覧の外枠と重複した現在地表示を除去。
• 右下の折りたたみ式転送パネルで複数アップロードを直列処理。保存先を追加時に固定し、送信完了と保存成功を区別。保存結果が不明な通信失敗は安易に再送しない。
• ダウンロードの進捗はブラウザ管理とし、画面には要求済みの記録を表示。
• BFFに階層APIとカーソルページングを接続し、205件以上の一覧も取得。画面キャプチャとCIの転送キューテストを更新。

依存: ShuttlePub/Booskiff#6 を先にマージ・反映し、core の 00008_folder_hierarchy.sql migration を適用してからWebを更新します。

検証:

• BFF / upload の Bun tests 137件、PureScript tests、TypeScript、purs-tidy、client/server/CSS build。
• core/PostgreSQL/MinIO接続のPlaywright E2E 22件（205件一覧・上部drop・転送競合・階層移動を含む）。
• Hydra/Kratosを使った実OIDC E2E 4件。最新headでも再実行して成功し、重複表示削除もブラウザのルート／子フォルダ移動で確認。
• デスクトップ／モバイルを含む28画面をキャプチャ。上部メニューの修正後もリスト・グリッド・モバイルを撮影し、表示を確認。

ページ再読込・離脱をまたぐアップロードの再開は今回の対象外です。保存先はキューへの追加時に固定されます。

CI上のE2Eジョブは BOOSKIFF_READ_TOKEN が未設定のため実行がスキップされます。上記のE2Eはローカルの実サービス構成で検証した結果であり、CI上の実行結果ではありません。

[turtton]

Frontend visual diff

Head: b7c05d05e3ad400eb8449f2d54503a3ffdb72888 · Main: 8635e20a5093b622af79a9534ad6d4e93906ab69

Workflow run 37175022308, attempt 1

Changed: 12 / New: 0 / Deleted: 0 / Passed: 68

Booskiff-drive-empty-desktop.png

Main	PR	Difference

Booskiff-drive-empty-mobile.png

Main	PR	Difference

Booskiff-drive-folder-desktop.png

Main	PR	Difference

Booskiff-drive-folder-mobile.png

Main	PR	Difference

Booskiff-drive-populated-desktop.png

Main	PR	Difference

Booskiff-drive-populated-mobile.png

Main	PR	Difference

Booskiff-file-detail-desktop.png

Main	PR	Difference

Booskiff-file-detail-mobile.png

Main	PR	Difference

Booskiff-login-desktop.png

Main	PR	Difference

Booskiff-login-mobile.png

Main	PR	Difference

Booskiff-not-found-desktop.png

Main	PR	Difference

Booskiff-not-found-mobile.png

Main	PR	Difference

Part 1/1