feat: 統一採購單與操作紀錄 UI、增強各模組操作紀錄功能

- 統一採購單篩選列與表單樣式 (移除舊元件、標準化 Input)
- 增強操作紀錄功能 (加入篩選、快照、詳細異動比對)
- 統一刪除確認視窗與按鈕樣式
- 修復庫存編輯頁面樣式
- 實作採購單品項異動紀錄
- 實作角色分配異動紀錄
- 擴充供應商與倉庫模組紀錄

resources/js/Pages/Warehouse/EditInventory.tsx

@@ -146,7 +146,7 @@ export default function EditInventory({ warehouse, inventory, transactions = []
                                         value={data.batchNumber}
                                         onChange={(e) => setData("batchNumber", e.target.value)}
                                         placeholder="例：FL20251101"
-                                        className="button-outlined-primary"
+                                        className="border-gray-300"
                                     // 目前後端可能尚未支援儲存，但依需求顯示
                                     />
                                 </div>
@@ -172,7 +172,7 @@ export default function EditInventory({ warehouse, inventory, transactions = []
                                             setData("quantity", parseFloat(e.target.value) || 0)
                                         }
                                         placeholder="0"
-                                        className={`button-outlined-primary ${errors.quantity ? "border-red-500" : ""}`}
+                                        className={`border-gray-300 ${errors.quantity ? "border-red-500" : ""}`}
                                     />
                                     {errors.quantity && <p className="text-xs text-red-500">{errors.quantity}</p>}
                                     <p className="text-sm text-gray-500">
@@ -194,7 +194,7 @@ export default function EditInventory({ warehouse, inventory, transactions = []
                                         type="date"
                                         value={data.expiryDate}
                                         onChange={(e) => setData("expiryDate", e.target.value)}
-                                        className="button-outlined-primary"
+                                        className="border-gray-300"
                                     />
                                 </div>
 
@@ -207,7 +207,7 @@ export default function EditInventory({ warehouse, inventory, transactions = []
                                         onChange={(e) =>
                                             setData("lastInboundDate", e.target.value)
                                         }
-                                        className="button-outlined-primary"
+                                        className="border-gray-300"
                                     />
                                 </div>
 
@@ -220,7 +220,7 @@ export default function EditInventory({ warehouse, inventory, transactions = []
                                         onChange={(e) =>
                                             setData("lastOutboundDate", e.target.value)
                                         }
-                                        className="button-outlined-primary"
+                                        className="border-gray-300"
                                     />
                                 </div>
                             </div>