調整漢堡及header調整

resources/js/Pages/Product/Index.tsx

@@ -16,6 +16,7 @@ import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout";
 import { Head, router } from "@inertiajs/react";
 import { debounce } from "lodash";
 import Pagination from "@/Components/shared/Pagination";
+import BreadcrumbNav from "@/Components/shared/BreadcrumbNav";
 
 export interface Category {
   id: number;
@@ -177,6 +178,14 @@ export default function ProductManagement({ products, categories, filters }: Pag
       <div className="container mx-auto p-6 max-w-7xl">
         {/* Header */}
         <div className="mb-6">
+          <BreadcrumbNav
+            items={[
+              { label: "首頁", href: "/" },
+              { label: "商品與庫存管理" },
+              { label: "商品資料管理", isPage: true },
+            ]}
+            className="mb-2"
+          />
           <h1 className="mb-2">商品資料管理</h1>
           <p className="text-gray-600">管理小小冰室原物料與成品資料</p>
         </div>