feat: 統一全系統頁面標題樣式、優化側邊欄與實作角色成員查看功能

resources/js/Pages/Warehouse/EditInventory.tsx

@@ -5,7 +5,7 @@ import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout";
 import { Button } from "@/Components/ui/button";
 import { Input } from "@/Components/ui/input";
 import { Label } from "@/Components/ui/label";
-import { ArrowLeft, Save, Trash2 } from "lucide-react";
+import { ArrowLeft, Save, Trash2, Boxes } from "lucide-react";
 import { Warehouse, WarehouseInventory } from "@/types/warehouse";
 import { toast } from "sonner";
 import {
@@ -88,20 +88,13 @@ export default function EditInventory({ warehouse, inventory, transactions = []
                         </Button>
                     </Link >
 
-                    <div className="flex items-center gap-2 text-sm text-gray-500 mb-2">
-                        <span>商品與庫存管理</span>
-                        <span>/</span>
-                        <span>倉庫管理</span>
-                        <span>/</span>
-                        <span>庫存管理</span>
-                        <span>/</span>
-                        <span className="text-gray-900">編輯庫存品項</span>
-                    </div>
-
                     <div className="flex items-center justify-between">
                         <div>
-                            <h1 className="mb-2">編輯庫存品項</h1>
-                            <p className="text-gray-600">
+                            <h1 className="text-2xl font-bold text-grey-0 flex items-center gap-2">
+                                <Boxes className="h-6 w-6 text-[#01ab83]" />
+                                編輯庫存品項
+                            </h1>
+                            <p className="text-gray-500 mt-1">
                                 倉庫：<span className="font-medium text-gray-900">{warehouse.name}</span>
                             </p>
                         </div>