feat: 完成權限管理系統、統一頁面標題樣式與表格對齊規範

resources/js/Pages/Product/Index.tsx

@@ -2,7 +2,7 @@ import { useState, useEffect, useCallback } from "react";
 import { Button } from "@/Components/ui/button";
 import { Input } from "@/Components/ui/input";
 import { SearchableSelect } from "@/Components/ui/searchable-select";
-import { Plus, Search, X } from "lucide-react";
+import { Plus, Search, Package, X } from 'lucide-react';
 import ProductTable from "@/Components/Product/ProductTable";
 import ProductDialog from "@/Components/Product/ProductDialog";
 import CategoryManagerDialog from "@/Components/Category/CategoryManagerDialog";
@@ -176,8 +176,11 @@ export default function ProductManagement({ products, categories, units, filters
       <div className="container mx-auto p-6 max-w-7xl">
         {/* Header */}
         <div className="mb-6">
-          <h1 className="mb-2">商品資料管理</h1>
-          <p className="text-gray-600">管理小小冰室原物料與成品資料</p>
+          <h1 className="text-2xl font-bold text-grey-0 flex items-center gap-2">
+            <Package className="h-6 w-6 text-[#01ab83]" />
+            商品資料管理
+          </h1>
+          <p className="text-gray-500 mt-1">管理小小冰室原物料與成品資料</p>
         </div>
 
         {/* Toolbar */}