♻️ refactor(components): migrate all table components to use Form API

- Refactor LogsTable, MjLogsTable, TokensTable, UsersTable, and ChannelsTable to use Semi-UI Form components
- Replace individual input state management with centralized Form API
- Add form validation and consistent form handling across all tables
- Implement auto-search functionality with proper state update timing
- Add reset functionality to clear all search filters
- Improve responsive layout design for better mobile experience
- Remove duplicate form initial values and consolidate form logic
- Remove column visibility feature from ChannelsTable to simplify UI
- Standardize search form structure and styling across all table components
- Fix state update timing issues in search functionality
- Add proper form submission handling with loading states

BREAKING CHANGE: Form state management has been completely rewritten.
All table components now use Form API instead of individual useState hooks.
Column visibility settings for ChannelsTable have been removed.

web/src/components/table/LogsTable.js

@@ -1204,18 +1204,6 @@ const LogsTable = () => {
               allowEmpty={true}
               autoComplete="off"
               layout="vertical"
-              onValueChange={(values, changedValue) => {
-                // 实时监听日志类型变化
-                if (changedValue.logType !== undefined) {
-                  setLogType(parseInt(changedValue.logType));
-                  // 日志类型变化时自动搜索，不传入logType参数让其从表单获取最新值
-                  setTimeout(() => {
-                    setActivePage(1);
-                    handleEyeClick();
-                    loadLogs(1, pageSize); // 不传入logType参数
-                  }, 100);
-                }
-              }}
               trigger="change"
               stopValidateWithError={false}
             >
@@ -1228,6 +1216,7 @@ const LogsTable = () => {
                       className='w-full'
                       type='dateTimeRange'
                       placeholder={[t('开始时间'), t('结束时间')]}
+                      showClear
                       pure
                     />
                   </div>
@@ -1239,6 +1228,12 @@ const LogsTable = () => {
                     className='!rounded-full'
                     showClear
                     pure
+                    onChange={() => {
+                      // 延迟执行搜索，让表单值先更新
+                      setTimeout(() => {
+                        refresh();
+                      }, 0);
+                    }}
                   >
                     <Form.Select.Option value='0'>{t('全部')}</Form.Select.Option>
                     <Form.Select.Option value='1'>{t('充值')}</Form.Select.Option>