カレンダーの月切替・初回ロード時のローディング表示を改善

[hirokisakabe]

Status: Ready

概要

カレンダーコンポーネントのタスク取得中の表示を、現在の opacity-50 からスピナー等の明確なローディング表示に改善する。

背景 / モチベーション

• 現状、タスク取得中は opacity-50 で薄くなるだけで、ユーザーにはローディング中であることが伝わりにくい
• 月の切替時や初回ロード時に「何も起きていない」ように感じられる
• 設定ページのカテゴリ一覧では「読み込み中...」テキストが表示されており、一貫性がない

受け入れ条件

• カレンダーのタスク取得中にスピナーまたはローディング表示がされる
• 月切替時にローディング中であることがユーザーに明確に伝わる
• ローディング表示がカレンダーのレイアウトシフトを起こさない

スコープ外

• 認証系ボタンのローディング状態（別 issue で対応）
• ページ遷移時の白画面対策（別 issue で対応）
• タスクステータス変更・D&D のフィードバック（Optimistic Update で即座に反映されるため現状維持）

実装方針

• apps/web/src/components/Calendar.tsx:279 の opacity-50 をスピナーオーバーレイ等に置き換える
• カレンダーグリッドの上にスピナーを重ねる形式が、レイアウトシフトを避けられて良い

参考

• apps/web/src/routes/app/settings.tsx:126-138 — カテゴリ一覧の「読み込み中...」表示（既存パターン）