♻️ refactor(components): restructure RedemptionsTable to modular architecture

Refactor the monolithic RedemptionsTable component (614 lines) into a clean,
modular structure following the established tokens component pattern.

### Changes Made:

**New Components:**
- `RedemptionsColumnDefs.js` - Extract table column definitions and render logic
- `RedemptionsActions.jsx` - Extract action buttons (add, batch copy, clear invalid)
- `RedemptionsFilters.jsx` - Extract search and filter form components
- `RedemptionsDescription.jsx` - Extract description area component
- `redemptions/index.jsx` - Main container component managing state and composition

**New Hook:**
- `useRedemptionsData.js` - Extract all data management, CRUD operations, and business logic

**New Constants:**
- `redemption.constants.js` - Extract redemption status, actions, and form constants

**Architecture Changes:**
- Transform RedemptionsTable.jsx into pure table rendering component
- Move state management and component composition to index.jsx
- Implement consistent prop drilling pattern matching tokens module
- Add memoization for performance optimization
- Centralize translation function distribution

### Benefits:
- **Maintainability**: Each component has single responsibility
- **Reusability**: Components and hooks can be used elsewhere
- **Testability**: Individual modules can be unit tested
- **Team Collaboration**: Multiple developers can work on different modules
- **Consistency**: Follows established architectural patterns

### File Structure:
```
redemptions/
├── index.jsx                    # Main container (state + composition)
├── RedemptionsTable.jsx        # Pure table component
├── RedemptionsActions.jsx      # Action buttons
├── RedemptionsFilters.jsx      # Search/filter form
├── RedemptionsDescription.jsx  # Description area
└── RedemptionsColumnDefs.js    # Column definitions

web/src/components/table/tokens/TokensActions.jsx

@@ -1,6 +1,8 @@
-import React from 'react';
-import { Button, Modal, Space } from '@douyinfe/semi-ui';
+import React, { useState } from 'react';
+import { Button, Space } from '@douyinfe/semi-ui';
 import { showError } from '../../../helpers';
+import CopyTokensModal from './modals/CopyTokensModal';
+import DeleteTokensModal from './modals/DeleteTokensModal';
 
 const TokensActions = ({
   selectedKeys,
@@ -11,48 +13,17 @@ const TokensActions = ({
   copyText,
   t,
 }) => {
+  // Modal states
+  const [showCopyModal, setShowCopyModal] = useState(false);
+  const [showDeleteModal, setShowDeleteModal] = useState(false);
+
   // Handle copy selected tokens with options
   const handleCopySelectedTokens = () => {
     if (selectedKeys.length === 0) {
       showError(t('请至少选择一个令牌！'));
       return;
     }
-
-    Modal.info({
-      title: t('复制令牌'),
-      icon: null,
-      content: t('请选择你的复制方式'),
-      footer: (
-        <Space>
-          <Button
-            type='tertiary'
-            onClick={async () => {
-              let content = '';
-              for (let i = 0; i < selectedKeys.length; i++) {
-                content +=
-                  selectedKeys[i].name + '    sk-' + selectedKeys[i].key + '\n';
-              }
-              await copyText(content);
-              Modal.destroyAll();
-            }}
-          >
-            {t('名称+密钥')}
-          </Button>
-          <Button
-            onClick={async () => {
-              let content = '';
-              for (let i = 0; i < selectedKeys.length; i++) {
-                content += 'sk-' + selectedKeys[i].key + '\n';
-              }
-              await copyText(content);
-              Modal.destroyAll();
-            }}
-          >
-            {t('仅密钥')}
-          </Button>
-        </Space>
-      ),
-    });
+    setShowCopyModal(true);
   };
 
   // Handle delete selected tokens with confirmation
@@ -61,52 +32,67 @@ const TokensActions = ({
       showError(t('请至少选择一个令牌！'));
       return;
     }
+    setShowDeleteModal(true);
+  };
 
-    Modal.confirm({
-      title: t('批量删除令牌'),
-      content: (
-        <div>
-          {t('确定要删除所选的 {{count}} 个令牌吗？', { count: selectedKeys.length })}
-        </div>
-      ),
-      onOk: () => batchDeleteTokens(),
-    });
+  // Handle delete confirmation
+  const handleConfirmDelete = () => {
+    batchDeleteTokens();
+    setShowDeleteModal(false);
   };
 
   return (
-    <div className="flex flex-wrap gap-2 w-full md:w-auto order-2 md:order-1">
-      <Button
-        type="primary"
-        className="flex-1 md:flex-initial"
-        onClick={() => {
-          setEditingToken({
-            id: undefined,
-          });
-          setShowEdit(true);
-        }}
-        size="small"
-      >
-        {t('添加令牌')}
-      </Button>
+    <>
+      <div className="flex flex-wrap gap-2 w-full md:w-auto order-2 md:order-1">
+        <Button
+          type="primary"
+          className="flex-1 md:flex-initial"
+          onClick={() => {
+            setEditingToken({
+              id: undefined,
+            });
+            setShowEdit(true);
+          }}
+          size="small"
+        >
+          {t('添加令牌')}
+        </Button>
 
-      <Button
-        type='tertiary'
-        className="flex-1 md:flex-initial"
-        onClick={handleCopySelectedTokens}
-        size="small"
-      >
-        {t('复制所选令牌')}
-      </Button>
+        <Button
+          type='tertiary'
+          className="flex-1 md:flex-initial"
+          onClick={handleCopySelectedTokens}
+          size="small"
+        >
+          {t('复制所选令牌')}
+        </Button>
 
-      <Button
-        type='danger'
-        className="w-full md:w-auto"
-        onClick={handleDeleteSelectedTokens}
-        size="small"
-      >
-        {t('删除所选令牌')}
-      </Button>
-    </div>
+        <Button
+          type='danger'
+          className="w-full md:w-auto"
+          onClick={handleDeleteSelectedTokens}
+          size="small"
+        >
+          {t('删除所选令牌')}
+        </Button>
+      </div>
+
+      <CopyTokensModal
+        visible={showCopyModal}
+        onCancel={() => setShowCopyModal(false)}
+        selectedKeys={selectedKeys}
+        copyText={copyText}
+        t={t}
+      />
+
+      <DeleteTokensModal
+        visible={showDeleteModal}
+        onCancel={() => setShowDeleteModal(false)}
+        onConfirm={handleConfirmDelete}
+        selectedKeys={selectedKeys}
+        t={t}
+      />
+    </>
   );
 };