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

src/components/pages/production/uniformity/UniformityTable.tsx

@@ -241,7 +241,6 @@ const UniformityTable = () => {
     options: filterLocationOptions,
     isLoadingOptions: isLoadingFilterLocations,
     loadMore: loadMoreFilterLocations,
-    hasMore: hasMoreFilterLocations,
   } = useSelect(LocationApi.basePath, 'id', 'name', 'search');
 
   // ===== FETCH PROJECT FLOCKS DATA FOR FILTER =====
@@ -251,7 +250,6 @@ const UniformityTable = () => {
     rawData: filterProjectFlocksRawData,
     isLoadingOptions: isLoadingFilterProjectFlocks,
     loadMore: loadMoreFilterProjectFlocks,
-    hasMore: hasMoreFilterProjectFlocks,
   } = useSelect(ProjectFlockApi.basePath, 'id', 'flock_name', 'search', {
     location_id: filterProjectFlockLocationId,
   });

src/components/pages/production/uniformity/chart/UniformityGaugeChart.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { Cell, Pie, PieChart, ResponsiveContainer } from 'recharts';
 import Card from '@/components/Card';
 import { formatNumber } from '@/lib/helper';

src/components/pages/production/uniformity/form/UniformityForm.tsx

@@ -87,9 +87,7 @@ const UniformityForm = ({
   const fileInputRef = useRef<HTMLInputElement>(null);
 
   // ===== SELECT INPUT DATA =====
-  const [selectedLocation, setSelectedLocation] = useState<OptionType | null>(
-    null
-  );
+  const [, setSelectedLocation] = useState<OptionType | null>(null);
 
   const [selectedProjectFlockLocationId, setSelectedProjectFlockLocationId] =
     useState<string>('');
@@ -106,7 +104,6 @@ const UniformityForm = ({
     options: locationOptions,
     isLoadingOptions: isLoadingLocations,
     loadMore: loadMoreLocations,
-    hasMore: hasMoreLocations,
   } = useSelect(LocationApi.basePath, 'id', 'name', 'search');
 
   const {
@@ -115,7 +112,6 @@ const UniformityForm = ({
     rawData: projectFlocksRawData,
     isLoadingOptions: isLoadingProjectFlocks,
     loadMore: loadMoreProjectFlocks,
-    hasMore: hasMoreProjectFlocks,
   } = useSelect(ProjectFlockApi.basePath, 'id', 'flock_name', 'search', {
     location_id: selectedProjectFlockLocationId,
   });

src/components/pages/production/uniformity/skeleton/UniformityGaugeChartSkeleton.tsx

@@ -29,7 +29,7 @@ const UniformityGaugeChartSkeleton: React.FC<
 
   return (
     <div className='flex flex-col w-full items-center'>
-      <div className='h-64 w-full relative flex justify-center min-h-[256px]'>
+      <div className='h-64 w-full relative flex justify-center min-h-64'>
         <div className='relative w-full h-full flex flex-col items-center justify-end min-w-0'>
           <ResponsiveContainer width='100%' height={256}>
             <PieChart>