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

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

resources/js/Components/PurchaseOrder/PurchaseOrderItemsTable.tsx

@@ -105,7 +105,7 @@ export function PurchaseOrderItemsTable({
                                                     onItemChange?.(index, "quantity", Math.floor(Number(e.target.value)))
                                                 }
                                                 disabled={isDisabled}
-                                                className="h-10 text-left border-gray-200 w-24"
+                                                className="text-left w-24"
                                             />
                                         )}
                                     </TableCell>
@@ -161,11 +161,11 @@ export function PurchaseOrderItemsTable({
                                                         onItemChange?.(index, "subtotal", Number(e.target.value))
                                                     }
                                                     disabled={isDisabled}
-                                                    className={`h-10 text-left w-32 ${
+                                                    className={`text-left w-32 ${
                                                         // 如果有數量但沒有金額,顯示錯誤樣式
                                                         item.quantity > 0 && (!item.subtotal || item.subtotal <= 0)
                                                             ? "border-red-400 bg-red-50 focus-visible:ring-red-500"
-                                                            : "border-gray-200"
+                                                            : ""
                                                         }`}
                                                 />
                                                 {/* 錯誤提示 */}