feat: 統一各模組分頁組件佈局並新增系統設定功能相關檔案

resources/js/Pages/ShippingOrder/Index.tsx

@@ -1,5 +1,5 @@
-import { useState, useEffect } from "react";
-import { Plus, Package, Search, RotateCcw, ChevronDown, ChevronUp } from 'lucide-react';
+import { useState } from "react";
+import { Plus, Package, Search, RotateCcw } from 'lucide-react';
 import { Button } from "@/Components/ui/button";
 import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout";
 import { Head, router, Link } from "@inertiajs/react";
@@ -30,7 +30,7 @@ interface Props {
     warehouses: { id: number; name: string }[];
 }
 
-export default function ShippingOrderIndex({ orders, filters, warehouses }: Props) {
+export default function ShippingOrderIndex({ orders, filters }: Props) {
     const [search, setSearch] = useState(filters.search || "");
     const [status, setStatus] = useState<string>(filters.status || "all");
 
@@ -198,7 +198,10 @@ export default function ShippingOrderIndex({ orders, filters, warehouses }: Prop
                     </Table>
                 </div>
 
-                <div className="mt-4 flex justify-end">
+                <div className="mt-6 flex flex-col sm:flex-row items-center justify-between gap-4">
+                    <div className="flex items-center gap-4">
+                        <span className="text-sm text-gray-500">共 {(orders as any).total} 筆資料</span>
+                    </div>
                     <Pagination links={orders.links} />
                 </div>
             </div>