develop (#29)

Co-authored-by: Thanh Quy - wolf <524H0124@student.tdtu.edu.vn>
Co-authored-by: Thanh Quy- wolf <524H0124@student.tdtu.edu.vn>
Co-authored-by: TakahashiNg <83152264+TakahashiNguyen@users.noreply.github.com>
Reviewed-on: #29
Co-authored-by: TaNguyenThanhQuy <tanguyenthanhquy@noreply.localhost>
Co-committed-by: TaNguyenThanhQuy <tanguyenthanhquy@noreply.localhost>

app/(main)/login/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import LoginForm from "@/components/organisms/forms/LoginForm";
 import { SHOP_INFO } from "@/lib/constants";
+import LoginForm from "@/components/organisms/forms/LoginForm";
 import Image from "next/image";
 
 export default function LoginPage() {
@@ -28,7 +28,7 @@ export default function LoginPage() {
             Đăng nhập vào hệ thống
           </p>
         </div>
-
+        
         {/* Login Form */}
         <LoginForm />
 

app/(main)/page.tsx

@@ -1,10 +1,10 @@
 "use client";
 
-import { SearchBar } from "@/components/molecules/search-bar";
 import { CategorySidebar } from "@/components/organisms/navigation";
 import { ProductGrid } from "@/components/organisms/product-grid";
-import { MENU_CATEGORIES } from "@/lib/constants";
+import { SearchBar } from "@/components/molecules/search-bar";
 import { useMenu } from "@/lib/menu-context";
+import { MENU_CATEGORIES } from "@/lib/constants";
 import { useEffect, useState } from "react";
 
 /**
@@ -72,7 +72,10 @@ export default function Home() {
         </div>
 
         {/* ── Product grid (organism handles mobile category menu + grid) ── */}
-        <ProductGrid searchQuery={searchQuery} isSidebarOpen={isSidebarOpen} />
+        <ProductGrid
+          searchQuery={searchQuery}
+          isSidebarOpen={isSidebarOpen}
+        />
       </main>
     </div>
   );

app/(main)/payment/page.tsx

@@ -75,7 +75,7 @@ export default function PaymentPage() {
                             <div className="flex items-center gap-2">
                               <button
                                 onClick={() => decreaseQty(item.id)}
-                                className="inline-flex h-8 w-8 items-center justify-center rounded-lg border border-(--color-border) hover:bg-(--color-border-light)"
+                                className="inline-flex items-center justify-center h-8 w-8 rounded-lg border border-(--color-border) hover:bg-(--color-border-light)"
                                 aria-label={`Giảm số lượng ${item.name}`}
                               >
                                 -
@@ -92,7 +92,7 @@ export default function PaymentPage() {
                               />
                               <button
                                 onClick={() => increaseQty(item.id)}
-                                className="inline-flex h-8 w-8 items-center justify-center rounded-lg border border-(--color-border) hover:bg-(--color-border-light)"
+                                className="inline-flex items-center justify-center h-8 w-8 rounded-lg border border-(--color-border) hover:bg-(--color-border-light)"
                                 aria-label={`Tăng số lượng ${item.name}`}
                               >
                                 +