chore(FE-Cleanup): Clean up unused code and add memoization

src/components/pages/expense/ExpensesTable.tsx

@@ -35,7 +35,6 @@ import { ExpenseApi } from '@/services/api/expense';
 import { cn, formatCurrency, formatDate } from '@/lib/helper';
 import { isResponseSuccess } from '@/lib/api-helper';
 import { useTableFilter } from '@/services/hooks/useTableFilter';
-import { ROWS_OPTIONS } from '@/config/constant';
 import { LocationApi, SupplierApi } from '@/services/api/master-data';
 import { Location } from '@/types/api/master-data/location';
 import { Supplier } from '@/types/api/master-data/supplier';
@@ -44,8 +43,6 @@ import { BaseApiResponse } from '@/types/api/api-general';
 const RowOptionsMenu = ({
   type = 'dropdown',
   props,
-  approveClickHandler,
-  rejectClickHandler,
   deleteClickHandler,
 }: {
   type: 'dropdown' | 'collapse';
@@ -186,7 +183,6 @@ const ExpensesTable = () => {
     undefined
   );
   const [isDeleteLoading, setIsDeleteLoading] = useState(false);
-  const [isCompleteLoading, setIsCompleteLoading] = useState(false);
   const [isApproveLoading, setIsApproveLoading] = useState(false);
   const [isRejectLoading, setIsRejectLoading] = useState(false);
 
@@ -247,23 +243,6 @@ const ExpensesTable = () => {
     });
   }, [expenses, selectedRowIds]);
 
-  const isAllSelectedRowLatestApprovalOnRealization = useMemo(() => {
-    return selectedRowIds.every((rowId) => {
-      if (!isResponseSuccess(expenses)) return false;
-
-      const expenseItem = expenses.data.find((item) => item.id === rowId);
-
-      const isLatestApprovalRejected =
-        expenseItem?.latest_approval.action === 'REJECTED';
-
-      const isCurrentApprovalOnRealization =
-        !isLatestApprovalRejected &&
-        expenseItem?.latest_approval.step_number === 5;
-
-      return isCurrentApprovalOnRealization;
-    });
-  }, [expenses, selectedRowIds]);
-
   const expensesColumns: ColumnDef<Expense>[] = [
     {
       id: 'select',
@@ -589,12 +568,6 @@ const ExpensesTable = () => {
     updateFilter('realizationDate', e.target.value);
   };
 
-  const pageSizeChangeHandler = (val: OptionType | OptionType[] | null) => {
-    const newVal = val as OptionType;
-
-    setPageSize(newVal.value as number);
-  };
-
   // track sorting
   useEffect(() => {
     const isNameSorted = sorting.find((sortItem) => sortItem.id === 'name');