fix empty organizations

fix empty organizations

webui/src/Containers/LinkProject/MainContent/MainContent.tsx

@@ -1,15 +1,34 @@
-import { FC } from "react";
+import { FC, useEffect, useState } from "react";
 import { Container } from "./styles";
 import Header from "../../../Components/Header";
 import Organizations from "./Organizations";
 import Repositories from "./Repositories";
+import { useAuth } from "@clerk/clerk-react";
 
 const MainContent: FC = () => {
+  const { getToken } = useAuth();
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    const fetchToken = async () => {
+      const token = await getToken({
+        skipCache: true,
+      });
+      localStorage.setItem("token", token!);
+      setLoading(false);
+    };
+    fetchToken();
+  }, [getToken]);
+
   return (
     <Container>
       <Header />
-      <Organizations />
-      <Repositories />
+      {!loading && (
+        <>
+          <Organizations />
+          <Repositories />
+        </>
+      )}
     </Container>
   );
 };