UI優化: 全系統狀態標籤 (StatusBadge) 統一化重構完成 (Phase 3 & 4)

resources/js/Pages/Sales/Import/Index.tsx

@@ -20,7 +20,7 @@ import {
     AlertDialogTitle,
     AlertDialogTrigger,
 } from "@/Components/ui/alert-dialog";
-import { Badge } from "@/Components/ui/badge";
+import { StatusBadge } from "@/Components/shared/StatusBadge";
 import { Plus, FileUp, Eye, Trash2, Search, X } from 'lucide-react';
 import { useState, useEffect } from "react";
 import { format } from 'date-fns';
@@ -201,9 +201,11 @@ export default function SalesImportIndex({ batches, filters = {} }: Props) {
                                             NT$ {Number(batch.total_amount || 0).toLocaleString(undefined, { minimumFractionDigits: 0, maximumFractionDigits: 2 })}
                                         </TableCell>
                                         <TableCell className="text-center">
-                                            <Badge variant={batch.status === 'confirmed' ? 'default' : 'secondary'}>
-                                                {batch.status === 'confirmed' ? '已確認' : '待確認'}
-                                            </Badge>
+                                            {batch.status === 'confirmed' ? (
+                                                <StatusBadge variant="success">已確認</StatusBadge>
+                                            ) : (
+                                                <StatusBadge variant="warning">待確認</StatusBadge>
+                                            )}
                                         </TableCell>
                                         <TableCell>
                                             <div className="flex justify-center gap-2">