♻️ refactor(web): consolidate design-system primitives and responsive data views

web/classic/src/components/settings/ChannelSelectorModal.jsx

@@ -59,7 +59,7 @@ const ChannelSelectorModal = forwardRef(
   ) => {
     const [searchText, setSearchText] = useState('');
     const [currentPage, setCurrentPage] = useState(1);
-    const [pageSize, setPageSize] = useState(10);
+    const [pageSize, setPageSize] = useState(20);
     const isMobile = useIsMobile();
 
     const [filteredData, setFilteredData] = useState([]);

web/classic/src/components/table/channels/modals/MultiKeyManageModal.jsx

@@ -58,7 +58,7 @@ const MultiKeyManageModal = ({ visible, onCancel, channel, onRefresh }) => {
 
   // Pagination states
   const [currentPage, setCurrentPage] = useState(1);
-  const [pageSize, setPageSize] = useState(10);
+  const [pageSize, setPageSize] = useState(20);
   const [total, setTotal] = useState(0);
   const [totalPages, setTotalPages] = useState(0);
 
@@ -99,7 +99,7 @@ const MultiKeyManageModal = ({ visible, onCancel, channel, onRefresh }) => {
         setKeyStatusList(data.keys || []);
         setTotal(data.total || 0);
         setCurrentPage(data.page || 1);
-        setPageSize(data.page_size || 10);
+        setPageSize(data.page_size || 20);
         setTotalPages(data.total_pages || 0);
 
         // Update statistics (these are always the overall statistics)

web/classic/src/components/table/users/modals/UserSubscriptionsModal.jsx

@@ -84,7 +84,7 @@ const UserSubscriptionsModal = ({ visible, onCancel, user, t, onSuccess }) => {
 
   const [subs, setSubs] = useState([]);
   const [currentPage, setCurrentPage] = useState(1);
-  const pageSize = 10;
+  const pageSize = 20;
 
   const planTitleMap = useMemo(() => {
     const map = new Map();

web/classic/src/components/topup/modals/TopupHistoryModal.jsx

@@ -61,7 +61,7 @@ const TopupHistoryModal = ({ visible, onCancel, t }) => {
   const [topups, setTopups] = useState([]);
   const [total, setTotal] = useState(0);
   const [page, setPage] = useState(1);
-  const [pageSize, setPageSize] = useState(10);
+  const [pageSize, setPageSize] = useState(20);
   const [keyword, setKeyword] = useState('');
   const isMobile = useIsMobile();