Numbo を以下の内容で修正してください。

---

Numbo を以下の内容で修正してください。
既存の機能はすべてそのまま維持してください。

**【1】スマートフォンで着信音・バイブレーションが鳴らない問題を修正する**

症状：
音声通話・ビデオ通話の着信があっても、スマートフォンで着信音が鳴らず・バイブレーションも動作しない。

修正内容：
- ブラウザのオートプレイ制限を回避するため、ユーザーが最初にページを操作した時点で AudioContext を事前に初期化・unlock する
- `document.addEventListener('touchstart', unlockAudio, { once: true })` と `document.addEventListener('click', unlockAudio, { once: true })` で最初のタッチ・クリック時に AudioContext を起動しておく
- 着信ポーリングで着信を検知したとき `ringtone.mp3` を AudioContext 経由または `<audio>` タグで再生する
- `audio.play()` が Promise を返す場合は `.catch()` でエラーを握りつぶして処理を継続する
- iOS Safari・Android Chrome 両方で動作するよう対応する
- Vibration API（`navigator.vibrate()`）が使用可能な場合は着信時に振動パターン（300ms振動→200ms停止→300ms振動）を繰り返す
- 設定画面の着信音 ON/OFF・バイブレーション ON/OFF の設定を反映する
- 応答・拒否・キャンセル時に着信音・バイブレーションを必ず停止する

**【2】スマートフォン版ヘッダーのロゴをPC版と統一して中央に配置する**

症状：
スマートフォン版のロゴがPC版と異なるデザインになっている。また「Numbo」ロゴが上部中央ではなくずれた位置に表示されている。さらにヘッダーが携帯のステータスバー・時刻と重なってしまっている。

修正内容：
- PC版サイドバー上部と同じフォント（Pacifico・Righteous・Fredoka One のいずれか）を使用してPC版と完全に統一する
- ロゴはテキスト「Numbo」のみ（アイコン画像は使わない）
- ダークモード時は白・ライトモード時は黒またはグラデーションテキスト
- スマートフォン版フィードページのヘッダーで「Numbo」テキストを上部の水平中央に配置する
- 左側に「＋」ボタン・右側に通知アイコン・中央に「Numbo」ロゴという Instagram 風レイアウトにする
- ロゴが左右のボタンに引っ張られてずれないよう `position: absolute; left: 50%; transform: translateX(-50%)` で確実に中央に固定する
- ヘッダー全体に `padding-top: env(safe-area-inset-top)` を適用してステータスバーと重ならないようにする
- iPhone・Android 両方で確認する

既存の機能は変更しないでください。

---