feat: 新增商品 Excel 匯入功能與修復 HTTPS 混合內容問題

1. 新增商品 Excel 匯入功能 (ProductImport, Export Template)
2. 調整商品代號驗證規則為 1-5 碼 (Controller & Import)
3. 修正 HTTPS Mixed Content 問題 (AppServiceProvider)

resources/js/Pages/Product/Index.tsx

@@ -2,9 +2,10 @@ import { useState, useEffect, useCallback } from "react";
 import { Button } from "@/Components/ui/button";
 import { Input } from "@/Components/ui/input";
 import { SearchableSelect } from "@/Components/ui/searchable-select";
-import { Plus, Search, Package, X } from 'lucide-react';
+import { Plus, Search, Package, X, Upload } from 'lucide-react';
 import ProductTable from "@/Components/Product/ProductTable";
 import ProductDialog from "@/Components/Product/ProductDialog";
+import ProductImportDialog from "@/Components/Product/ProductImportDialog";
 import CategoryManagerDialog from "@/Components/Category/CategoryManagerDialog";
 import UnitManagerDialog, { Unit } from "@/Components/Unit/UnitManagerDialog";
 import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout";
@@ -67,6 +68,7 @@ export default function ProductManagement({ products, categories, units, filters
   const [isDialogOpen, setIsDialogOpen] = useState(false);
   const [isCategoryDialogOpen, setIsCategoryDialogOpen] = useState(false);
   const [isUnitDialogOpen, setIsUnitDialogOpen] = useState(false);
+  const [isImportDialogOpen, setIsImportDialogOpen] = useState(false);
   const [editingProduct, setEditingProduct] = useState<Product | null>(null);
 
   // Sync state with props when they change (e.g. navigation)
@@ -241,6 +243,16 @@ export default function ProductManagement({ products, categories, units, filters
                   管理單位
                 </Button>
               </Can>
+              <Can permission="products.create">
+                <Button
+                  variant="outline"
+                  onClick={() => setIsImportDialogOpen(true)}
+                  className="flex-1 md:flex-none button-outlined-primary"
+                >
+                  <Upload className="mr-2 h-4 w-4" />
+                  匯入
+                </Button>
+              </Can>
               <Can permission="products.create">
                 <Button onClick={handleAddProduct} className="flex-1 md:flex-none button-filled-primary">
                   <Plus className="mr-2 h-4 w-4" />
@@ -293,6 +305,11 @@ export default function ProductManagement({ products, categories, units, filters
           units={units}
         />
 
+        <ProductImportDialog
+          open={isImportDialogOpen}
+          onOpenChange={setIsImportDialogOpen}
+        />
+
         <CategoryManagerDialog
           open={isCategoryDialogOpen}
           onOpenChange={setIsCategoryDialogOpen}