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

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

resources/js/Pages/PurchaseOrder/Create.tsx

@@ -244,7 +244,7 @@ export default function CreatePurchaseOrder({
                                         value={expectedDate || ""}
                                         onChange={(e) => setExpectedDate(e.target.value)}
                                         min={getTodayDate()}
-                                        className="h-12 border-gray-200"
+                                        className="block w-full"
                                     />
                                 </div>
 
@@ -267,7 +267,7 @@ export default function CreatePurchaseOrder({
                                     value={notes || ""}
                                     onChange={(e) => setNotes(e.target.value)}
                                     placeholder="備註這筆採購單的特殊需求..."
-                                    className="min-h-[100px] border-gray-200"
+                                    className="min-h-[100px]"
                                 />
                             </div>
                         </div>
@@ -293,7 +293,7 @@ export default function CreatePurchaseOrder({
                                         onChange={(e) => setInvoiceNumber(e.target.value)}
                                         placeholder="AB-12345678"
                                         maxLength={11}
-                                        className="h-12 border-gray-200"
+                                        className="block w-full"
                                     />
                                     <p className="text-xs text-gray-500">格式：2 碼英文 + 分隔線 + 8 碼數字</p>
                                 </div>
@@ -306,7 +306,7 @@ export default function CreatePurchaseOrder({
                                         type="date"
                                         value={invoiceDate}
                                         onChange={(e) => setInvoiceDate(e.target.value)}
-                                        className="h-12 border-gray-200"
+                                        className="block w-full"
                                     />
                                 </div>
 
@@ -321,7 +321,7 @@ export default function CreatePurchaseOrder({
                                         placeholder="0"
                                         min="0"
                                         step="0.01"
-                                        className="h-12 border-gray-200"
+                                        className="block w-full"
                                     />
                                     {invoiceAmount && totalAmount > 0 && parseFloat(invoiceAmount) !== totalAmount && (
                                         <p className="text-xs text-amber-600">