fix(spa): complete checkout flow, UI standardization, and tailwind v4 styling fixes

PROJECT_DETAILS.md

@@ -10,7 +10,7 @@
 *   **เทคโนโลยีที่ใช้:** Bun, Elysia.js, Prisma 7, PostgreSQL
 *   **การทำงาน:** ทำหน้าที่เป็น RESTful API Server ที่จัดการข้อมูลทั้งหมดของระบบ ตั้งแต่การตรวจสอบสิทธิ์ (Authentication), การจัดการสินค้า (Products), หมวดหมู่ (Categories), คำสั่งซื้อ (Orders) ไปจนถึงการตั้งค่าต่างๆ ของร้านค้า
 *   **เป้าหมาย:** เพื่อให้เป็นจุดเชื่อมต่อข้อมูลเดียว (Single Source of Truth) ที่มีความรวดเร็วสูงด้วย Bun และมีความปลอดภัยในการเข้าถึงข้อมูล
-*   **การเชื่อมโยง:** เชื่อมต่อกับฐานข้อมูล PostgreSQL และให้บริการ API แก่ `admin`, `ssr`, และ `website`
+*   **การเชื่อมโยง:** เชื่อมต่อกับฐานข้อมูล PostgreSQL และให้บริการ API แก่ `admin`, `website`, และ `spa`
 
 ## 2. Admin Portal (`apps/admin`)
 **ระบบจัดการหลังบ้าน (Back-office)**
@@ -20,7 +20,7 @@
 *   **เป้าหมาย:** เพื่อให้ผู้ดูแลระบบสามารถบริหารจัดการร้านค้าได้อย่างมีประสิทธิภาพผ่าน Interface ที่ใช้งานง่าย
 *   **การเชื่อมโยง:** เชื่อมต่อกับ `backend` ผ่าน API เพื่อดึงและอัปเดตข้อมูลต่างๆ
 
-## 3. Main Website (`apps/ssr`)
+## 3. Main Website (`apps/website`)
 **เว็บไซต์หลัก (Public Interface)**
 
 *   **เทคโนโลยีที่ใช้:** Next.js (React), Tailwind CSS
@@ -28,7 +28,7 @@
 *   **เป้าหมาย:** เพื่อสร้างการรับรู้แบรนด์ (Brand Awareness) และช่วยให้ลูกค้าค้นหาพบผ่าน Search Engine ได้ง่าย
 *   **การเชื่อมโยง:** เชื่อมต่อกับ `backend` เพื่อดึงข้อมูลสินค้าและเนื้อหามาแสดงผลบนหน้าเว็บ
 
-## 4. LIFF Mobile App (`apps/website`)
+## 4. LIFF Mobile App (`apps/spa`)
 **หน้ากากมือถือสำหรับลูกค้า (Customer Interface)**
 
 *   **เทคโนโลยีที่ใช้:** React, Vite, LINE Front-end Framework (LIFF), Tailwind CSS
@@ -91,16 +91,16 @@ git push server master
     *   Sync โค้ดไปยัง `/home/ti/projects/homaroma-api`
     *   รัน `prisma generate` และ `prisma migrate deploy` เพื่ออัปเดตฐานข้อมูล
     *   Restart บริการด้วย **PM2** (ชื่อ process: `homaroma-backend`)
-4.  **SSR Deployment**:
-    *   Build Next.js app และ Sync ไปยัง `/home/ti/projects/homaroma-ssr`
-    *   Restart บริการด้วย **PM2** (ชื่อ process: `homaroma-ssr`) บนพอร์ต `3001`
+4.  **Website (SSR) Deployment**:
+    *   Build Next.js app และ Sync ไปยัง `/home/ti/projects/homaroma-website`
+    *   Restart บริการด้วย **PM2** (ชื่อ process: `homaroma-website`) บนพอร์ต `3002`
 5.  **Cleanup**: ลบไฟล์ชั่วคราวที่ใช้ในการ Build ออก
 
 ### สรุป URL การเข้าใช้งาน (Production)
-*   **Website (SPA):** [https://homaroma.shop](https://homaroma.shop)
+*   **Website (SSR Next.js):** [https://homaroma.shop](https://homaroma.shop)
+*   **SPA (LIFF Mobile App):** [https://spa.homaroma.shop](https://spa.homaroma.shop)
 *   **Admin Panel:** [https://admin.homaroma.shop](https://admin.homaroma.shop)
 *   **API Backend:** [https://api.homaroma.shop](https://api.homaroma.shop)
-*   **SSR Next.js:** [https://ssr.homaroma.shop](https://ssr.homaroma.shop)
 
 ---