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

src/components/pages/expense/ExpenseRequestContent.tsx

@@ -1,9 +1,8 @@
 'use client';
 
-import { useEffect, useState } from 'react';
+import { useState } from 'react';
 import { useRouter } from 'next/navigation';
 import { useFormik } from 'formik';
-import useSWR from 'swr';
 import toast from 'react-hot-toast';
 
 import { Icon } from '@iconify/react';
@@ -57,10 +56,6 @@ const ExpenseRequestContent = ({
   const isLatestApprovalRejected =
     initialValues?.latest_approval.action === 'REJECTED';
 
-  const isLatestApprovalRejectedOrDone =
-    isLatestApprovalRejected ||
-    initialValues?.latest_approval.step_number === 6;
-
   const isCurrentApprovalOnHeadArea =
     !isLatestApprovalRejected &&
     initialValues?.latest_approval.step_number === 1;

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');

src/components/pages/expense/form/ExpenseRealizationKandangDetailExpense.tsx

@@ -30,7 +30,7 @@ interface ExpenseRealizationKandangDetailExpenseProps {
 
 const ExpenseRealizationKandangDetailExpense: React.FC<
   ExpenseRealizationKandangDetailExpenseProps
-> = ({ type, formik, supplierId, location, className }) => {
+> = ({ formik, supplierId, location, className }) => {
   const {
     setInputValue: setNonstockInputValue,
     options: nonstockOptions,