refactor(FE): Remove unused imports and redundant code

src/components/pages/production/project-flock/ProjectFlockTable.tsx

@@ -1,22 +1,16 @@
 'use client';
 
-import Badge from '@/components/Badge';
 import Button from '@/components/Button';
-import FloatingActionsButton from '@/components/FloatingActionsButton';
 import CheckboxInput from '@/components/input/CheckboxInput';
 import DebouncedTextInput from '@/components/input/DebouncedTextInput';
-import SelectInput, {
-  OptionType,
-  useSelect,
-} from '@/components/input/SelectInput';
+import { OptionType, useSelect } from '@/components/input/SelectInput';
 import { useModal } from '@/components/Modal';
 import ConfirmationModal from '@/components/modal/ConfirmationModal';
 import ConfirmationModalWithNotes from '@/components/modal/ConfirmationModalWithNotes';
 import Table from '@/components/Table';
 import Dropdown from '@/components/Dropdown';
-import { ROWS_OPTIONS } from '@/config/constant';
 import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
-import { cn, formatDate, formatTitleCase } from '@/lib/helper';
+import { cn, formatDate } from '@/lib/helper';
 import { AreaApi, KandangApi, LocationApi } from '@/services/api/master-data';
 import { ProjectFlockApi } from '@/services/api/production/project-flock';
 import { useTableFilter } from '@/services/hooks/useTableFilter';
@@ -183,14 +177,6 @@ const ProjectFlockTable = ({ refresh }: { refresh?: () => void }) => {
     .filter((id) => rowSelection[id])
     .map((id) => parseInt(id));
 
-  const [selectedArea, setSelectedArea] = useState<OptionType | null>(null);
-  const [selectedLocation, setSelectedLocation] = useState<OptionType | null>(
-    null
-  );
-  const [selectedKandang, setSelectedKandang] = useState<OptionType | null>(
-    null
-  );
-  const [periodInputValue, setPeriodInputValue] = useState<number | null>(null);
   const [sorting, setSorting] = useState<SortingState>([]);
   const deleteModal = useModal();
   const confirmModal = useModal();
@@ -232,26 +218,6 @@ const ProjectFlockTable = ({ refresh }: { refresh?: () => void }) => {
     { revalidateOnMount: true }
   );
 
-  // ===== Fetch Data Select =====
-  const {
-    options: optionsArea,
-    isLoadingOptions: isLoadingArea,
-    setInputValue: setAreaSelectInputValue,
-    loadMore: loadMoreArea,
-  } = useSelect(AreaApi.basePath, 'id', 'name');
-  const {
-    options: optionsLocation,
-    isLoadingOptions: isLoadingLocation,
-    setInputValue: setLocationSelectInputValue,
-    loadMore: loadMoreLocation,
-  } = useSelect(LocationApi.basePath, 'id', 'name');
-  const {
-    options: optionsKandang,
-    isLoadingOptions: isLoadingKandang,
-    setInputValue: setKandangSelectInputValue,
-    loadMore: loadMoreKandang,
-  } = useSelect(KandangApi.basePath, 'id', 'name');
-
   // ====== HANDLER ======
   const confirmationModalDeleteClickHandler = async () => {
     setIsDeleteLoading(true);