ヘッダーをタップすることによる Scroll to Top に対応しました

[inugamine]

resolve #78

概要

ヘッダーのタイトル部分をタップすると、タイムラインが一番上にスムーズスクロールで戻る機能を追加しました。app版・web版の両方に対応しています。

変更内容

Header コンポーネント

• onTitleTap プロパティを追加
• タイトル部分（中央エリア）に onClick ハンドラを設定
• onTitleTap が渡されている場合のみ cursor: pointer を適用

対応画面

画面	スクロール対象
Home	RealtimeTimeline（useImperativeHandle 経由）
Timeline	RealtimeTimeline（同上）
Notifications	NotificationTimeline（同上）
Explorer	overflow div（直接 scrollTo）

変更ファイル（10ファイル）

• app/src/ui/Header.tsx
• web/src/ui/Header.tsx
• app/src/views/Home.tsx
• web/src/views/Home.tsx
• app/src/views/Timeline.tsx
• web/src/views/Timeline.tsx
• app/src/views/Notifications.tsx
• web/src/views/Notifications.tsx
• app/src/views/Explorer.tsx
• web/src/views/Explorer.tsx

設計メモ

• RealtimeTimeline / NotificationTimeline は既に useImperativeHandle で scrollToTop() を公開しているため、各ビューからは ref を渡して呼ぶだけで済んでいます
• HomeView は MainView からのタブ再タップ→scrollToTop にも対応しており、ローカル ref を作成した上で useImperativeHandle で props.ref へ転送することで既存の動作を維持しています
• Explorer はタイムラインコンポーネントではなく overflowY: auto の div なので、直接 scrollTo を呼んでいます

対象外

• Contacts: AcknowledgeList が内部でスクロールコンテナを管理しており、外から ref を取れない構造のため
• Profile: Header コンポーネントを使わず CCWallpaper が独自ヘッダーとなっているため

これらは必要に応じて別 Issue です。

[totegamma]

ありがとうございます！！！！！