增加等待提示：讓學生知道系統正在處理回答

[JacobLinCool]

問題描述

學生送出訊息後，系統處理時間較長（約十幾秒），但畫面沒有任何明確回饋，導致學生以為系統當機或沒有接收到訊息。

目前狀態

• 程式碼中有 awaitingAiReply 狀態，會顯示一個閃爍的垂直游標 |
• TypewriterText 元件有打字動畫效果
• 但目前的等待提示不夠明顯，學生容易忽略或不理解其含義

需求

1. 加入明確的 Loading 動畫（例如：旋轉圖示、彈跳的三個點、進度條）
2. 顯示文字提示，例如「正在思考中...」、「系統正在處理您的回答...」
3. 提示應出現在訊息對話區域中，讓學生明確知道系統正在回應
4. 如果等待時間超過一定秒數（例如 10 秒），可考慮顯示額外的安撫訊息
5. 支援 i18n（使用現有的 message 系統）

相關檔案

• apps/mentora/src/routes/conversations/[id]/+page.svelte — 主對話頁面，含 awaitingAiReply 邏輯
• apps/mentora/src/lib/components/conversation/TypewriterText.svelte — 打字動畫元件
• apps/mentora/src/lib/components/conversation/VoiceControls.svelte — 語音控制元件