feat: 統一庫存管理分頁 UI 與寬度規範，並更新 SKILL 規範文件

.agent/skills/ui-consistency/SKILL.md

@@ -467,23 +467,27 @@ const handleSort = (field: string) => {
 import Pagination from "@/Components/shared/Pagination";
 import { SearchableSelect } from "@/Components/ui/searchable-select";
 
-// 在表格下方
+// 在表格下方（底部工具列）
 <div className="mt-4 flex flex-col sm:flex-row items-center justify-between gap-4">
-  <div className="flex items-center gap-2 text-sm text-gray-500">
-    <span>每頁顯示</span>
-    <SearchableSelect
-      value={perPage}
-      onValueChange={handlePerPageChange}
-      options={[
-        { label: "10", value: "10" },
-        { label: "20", value: "20" },
-        { label: "50", value: "50" },
-        { label: "100", value: "100" }
-      ]}
-      className="w-[80px] h-8"
-      showSearch={false}
-    />
-    <span>筆</span>
+  <div className="flex items-center gap-4">
+    <div className="flex items-center gap-2 text-sm text-gray-500">
+      <span>每頁顯示</span>
+      <SearchableSelect
+        value={perPage}
+        onValueChange={handlePerPageChange}
+        options={[
+          { label: "10", value: "10" },
+          { label: "20", value: "20" },
+          { label: "50", value: "50" },
+          { label: "100", value: "100" }
+        ]}
+        className="w-[90px] h-8" // ✅ 統一使用 90px 寬度，避免「100」顯示不全
+        showSearch={false}
+      />
+      <span>筆</span>
+    </div>
+    {/* 總筆數顯示：統一放在每頁顯示右側，使用 text-gray-500 */}
+    <span className="text-sm text-gray-500">共 {data.total} 筆紀錄</span>
   </div>
   <Pagination links={data.links} />
 </div>