fix: open filter modal when component is mounted

src/components/pages/report/marketing/tab/HppPerKandangTab.tsx

@@ -791,6 +791,10 @@ const HppPerKandangTab = ({ tabId }: HppPerKandangTabProps) => {
     [data, perWeightRangeSummary]
   );
 
+  useEffectHook(() => {
+    filterModal.openModal();
+  }, []);
+
   return (
     <>
       {TabActionsElement}

src/components/pages/report/production-result/tab/ProductionResultProjectFlockKandangTab.tsx

@@ -631,6 +631,10 @@ const ProductionResultContent = ({ tabId }: ProductionResultTabProps) => {
   // Render the TabActions component
   const TabActionsElement = useMemo(() => <TabActions />, [TabActions]);
 
+  useEffect(() => {
+    filterModal.openModal();
+  }, []);
+
   return (
     <>
       {TabActionsElement}