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

resources/js/Pages/Vendor/Index.tsx

@@ -1,7 +1,7 @@
 import { useState, useEffect, useCallback } from "react";
 import { Button } from "@/Components/ui/button";
 import { Input } from "@/Components/ui/input";
-import { Plus, Search, X } from "lucide-react";
+import { Plus, Search, X, Contact2 } from "lucide-react";
 import VendorTable from "@/Components/Vendor/VendorTable";
 import VendorDialog from "@/Components/Vendor/VendorDialog";
 import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout";
@@ -130,8 +130,11 @@ export default function VendorManagement({ vendors, filters }: PageProps) {
             <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">管理 ERP 系統供應商與聯絡資訊</p>
+                    <h1 className="text-2xl font-bold text-grey-0 flex items-center gap-2">
+                        <Contact2 className="h-6 w-6 text-[#01ab83]" />
+                        廠商資料管理
+                    </h1>
+                    <p className="text-gray-500 mt-1">管理 ERP 系統供應商與聯絡資訊</p>
                 </div>
 
                 {/* Toolbar */}