🔧 fix(headerComponent): remove unused imports and function call to improve code cleanliness and performance

✨ feat(headerComponent): remove conditional rendering for api keys button to always display it in the header
🔧 fix(ApiKeysPage): add missing import for Header component to fix compilation error

src/frontend/src/components/headerComponent/index.tsx

@@ -1,4 +1,4 @@
-import { useContext, useEffect, useState } from "react";
+import { useContext } from "react";
 import { FaDiscord, FaGithub, FaTwitter } from "react-icons/fa";
 import { Link, useLocation, useNavigate } from "react-router-dom";
 import AlertDropdown from "../../alerts/alertDropDown";
@@ -7,7 +7,6 @@ import { alertContext } from "../../contexts/alertContext";
 import { AuthContext } from "../../contexts/authContext";
 import { darkContext } from "../../contexts/darkContext";
 import { TabsContext } from "../../contexts/tabsContext";
-import { getRepoStars } from "../../controllers/API";
 import IconComponent from "../genericIconComponent";
 import { Button } from "../ui/button";
 import { Separator } from "../ui/separator";
@@ -128,18 +127,17 @@ export default function Header(): JSX.Element {
               />
             </div>
           </AlertDropdown>
-          {!autoLogin && (
-            <button
-              onClick={() => {
-                navigate("/account/api-keys");
-              }}
-            >
-              <IconComponent
-                name="Key"
-                className="side-bar-button-size text-muted-foreground hover:text-accent-foreground"
-              />
-            </button>
-          )}
+
+          <button
+            onClick={() => {
+              navigate("/account/api-keys");
+            }}
+          >
+            <IconComponent
+              name="Key"
+              className="side-bar-button-size text-muted-foreground hover:text-accent-foreground"
+            />
+          </button>
         </div>
       </div>
     </div>

src/frontend/src/pages/ApiKeysPage/index.tsx

@@ -18,6 +18,7 @@ import SecretKeyModal from "../../modals/SecretKeyModal";
 
 import moment from "moment";
 import { ApiKey } from "../../types/components";
+import Header from "../../components/headerComponent";
 
 export default function ApiKeysPage() {
   const [loadingKeys, setLoadingKeys] = useState(true);
@@ -80,6 +81,8 @@ export default function ApiKeysPage() {
 
   return (
     <>
+      <Header />
+
       {userData && (
         <div className="main-page-panel">
           <div className="m-auto flex h-full flex-row justify-center">