refactor(FE): Remove unused page size selector and related logic

src/components/pages/production/recording/RecordingTable.tsx

@@ -34,7 +34,6 @@ import {
   RecordingFilterType,
 } from '@/components/pages/production/recording/filter/RecordingFilter';
 import RecordingTableSkeleton from '@/components/pages/production/recording/skeleton/RecordingTableSkeleton';
-import { ROWS_OPTIONS } from '@/config/constant';
 import Table from '@/components/Table';
 import { type Recording } from '@/types/api/production/recording';
 import { RecordingApi } from '@/services/api/production';
@@ -583,15 +582,6 @@ const RecordingTable = () => {
     [updateFilter, setSearchValue, setPage]
   );
 
-  const pageSizeChangeHandler = useCallback(
-    (val: OptionType | OptionType[] | null) => {
-      const newVal = val as OptionType;
-      setPageSize(newVal.value as number);
-      setPage(1);
-    },
-    [setPageSize, setPage]
-  );
-
   const singleDeleteHandler = async () => {
     setIsDeleteLoading(true);
 
@@ -1297,19 +1287,6 @@ const RecordingTable = () => {
                 </span>
               )}
             </Button>
-
-            <SelectInput
-              options={ROWS_OPTIONS}
-              value={{
-                label: String(tableFilterState.pageSize),
-                value: tableFilterState.pageSize,
-              }}
-              onChange={pageSizeChangeHandler}
-              className={{
-                wrapper:
-                  'col-span-6 sm:col-span-4 max-w-28 sm:justify-self-end',
-              }}
-            />
           </div>
         </div>
 
@@ -1346,6 +1323,7 @@ const RecordingTable = () => {
                   : 0
               }
               onPageChange={setPage}
+              onPageSizeChange={setPageSize}
               isLoading={isLoading}
               sorting={sorting}
               setSorting={setSorting}