feat: use material ui

README.md

@@ -19,17 +19,17 @@ traveling-around-the-world/
 
 ### 技術與工具
 - Vite + React 18 + TypeScript
+- Material UI + Emotion 建構一致的 UI 與主題
 - React Router 規劃 SPA 路由
 - Zustand 追蹤 UI 狀態（訪問表單 Modal 與初始座標）
 - React Query 統一處理資料讀寫與快取
 - React Hook Form + Zod 表單驗證
 - react-leaflet + OpenStreetMap 圖資，支援地圖點擊新增足跡
-- Tailwind CSS (JIT) 打造快速 UI
 
 ### 模組切分
 - `features/map`：Leaflet 地圖、點擊事件、旅遊標記
 - `features/visits`：資料型別、LocalStorage Repository、React Query hooks、統計卡片與表單元件
-- `components/layout`：頁面主框架、側邊欄
+- `components/layout`：MUI AppBar + Drawer 布局、語言切換等元件
 - `state`：Zustand store 控制訪問建立/編輯的 Modal
 - `components/overlay/VisitModal`：以 Modal 呈現足跡表單，地圖右下角的 `+` 漂浮按鈕或點擊地圖即可開啟