[Client Portal] Fix Dashboard change url & first default corporate & table loading

frontend/client-portal/src/layouts/dashboard/header/CorporatePopover.tsx

@@ -14,24 +14,35 @@ type CorporateDataProps = {
 export default function CorporatePopover() {
   const { corporateValue, setCorporateValue } = useContext(UserCurrentCorporateContext);
   const [corporateData, setCorporateData] = useState([]);
-  //Check route in profile
+  const controller = new AbortController();
+
   const navigate = useNavigate();
   const currentPathname = window.location.pathname;
   const desiredPart = currentPathname.split('/')[1];
 
   const handleCorporateChange = (event: SelectChangeEvent) => {
     setCorporateValue(event.target.value as string);
-    if(desiredPart === 'user-profile')
-    {
+    if (desiredPart === 'user-profile') {
       navigate('/alarm-center');
     }
   };
 
   useEffect(() => {
     (async () => {
-      // @ts-ignore
-      const corporateManages = await axios.get(`/corporate-manage`);
-      setCorporateData(corporateManages.data);
+      try {
+        const corporateManages = await axios.get(`/corporate-manage`, {
+          signal: controller.signal,
+        });
+        setCorporateData(corporateManages.data);
+
+        setCorporateValue(corporateManages.data[0].id);
+      } catch (error: any) {
+        console.error('Error fetching data:', error.message);
+      }
+
+      return () => {
+        controller.abort();
+      };
     })();
   }, []);