Added conditional Loading text to About Page and removed random debug…

… logs

frontend/src/app/NavBar.tsx

@@ -48,7 +48,6 @@ export default function NavBar({ Pages } : NavBarProps)
     const navButtons: Array<JSX.Element> = new Array<JSX.Element>();
 
     Pages.forEach((value, key, pageMap) => {
-        console.log(currentPage == value);
         navButtons.push(<NavButton Label={key} Activated={currentPage == value} EndPoint={value} OnClick={onClickHandler}/>);
     }); 
 

frontend/src/app/about/AboutPage.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import {Component, useEffect} from "react";
+import {Component, useEffect, useState} from "react";
 import ExecProfiles from "../ExecProfiles";
 import { useAppDispatch, useAppSelector } from "../hooks/hooks";
 import { AddExecProfile, ExecProfileObject, selectProfile } from "../slices/execProfileSlice";
@@ -20,6 +20,8 @@ export default function AboutPage({} : AboutPageProps)
 
     const mainDispatch = useAppDispatch();
 
+    const [loading, setLoading] = useState(true); 
+
     mainDispatch(SetCurrentPage("/about"));
 
     // fetch the profiles if not done already 
@@ -33,6 +35,8 @@ export default function AboutPage({} : AboutPageProps)
                     mainDispatch(AddExecProfile(element)); 
                 });
             }
+
+            setLoading(false);
         })();
     });
 
@@ -55,6 +59,9 @@ export default function AboutPage({} : AboutPageProps)
                 </div>
                 <div className={"profileContainer"}>
                     <div className={"flex flex-col ml-5 mr-5 gap-3 items-center"}>
+                        {
+                            ((): JSX.Element => { return (loading) ? <div>Loading</div> : <></>; })()
+                        }  
                         <ExecProfiles/> 
                     </div>
                 </div>