🌐 feat: implement left-right pagination layout with i18n support

- Add left-right pagination layout for desktop (total info on left, controls on right)
- Keep mobile layout centered with pagination controls only
- Implement proper i18n support for pagination text using react-i18next
- Add pagination translations for Chinese and English
- Standardize t function usage across all table components to use xxxData.t pattern
- Update CardPro footer layout to support justify-between on desktop
- Use CSS variable --semi-color-text-2 for consistent text styling
- Disable built-in Pagination showTotal to avoid duplication

Components updated:
- CardPro: Enhanced footer layout with responsive design
- createCardProPagination: Added i18n support and custom total text
- All table components: Unified t function usage pattern
- i18n files: Added pagination-related translations

The pagination now displays "Showing X to Y of Z items" on desktop
and maintains existing centered layout on mobile devices.

web/src/i18n/locales/en.json

@@ -1783,5 +1783,9 @@
   "隐藏操作项": "Hide actions",
   "显示操作项": "Show actions",
   "用户组": "User group",
-  "邀请获得额度": "Invitation quota"
+  "邀请获得额度": "Invitation quota",
+  "显示第": "Showing",
+  "条 - 第": "to",
+  "条，共": "of",
+  "条": "items"
 }