feat: update navigation links in ProjectInfo component and adjust layout for responsiveness; remove unused settings page

Author: BorDevTech

app/(Components)/Header.tsx

@@ -26,7 +26,7 @@ export default function ProjectInfo() {
   const ProjectInfo = {
     title: "OpenSignal",
     navLinks: [
-      { name: "login", path: "/" },
+      { name: "About", path: "/" },
       { name: "Dashboard", path: "/dashboard" },
     ],
   };
@@ -54,24 +54,26 @@ export default function ProjectInfo() {
       _light={{ bg: "white" }}
       justifyContent={"space-between"}
       id={"nav"}
-      px={"2"}
+      px={current === "base" || current === "sm" ? "2vh" : "2.5vh"}
     >
       <HStack alignItems={"center"} h={"100%"}>
-        <Heading size={"5xl"}>{title}</Heading>
+        <Heading size={current === "base" || current === "sm" ? "2xl" : "5xl"}>{title}</Heading>
       </HStack>
       <HStack>
         {current !== "base" && current !== "sm" ? (
           <HStack>
             {navLinks.map((link, index) => (
-              <ChakraLink key={index} href={link.href}>
+              <ChakraLink key={index} href={link.path}>
                 {link.name}
               </ChakraLink>
             ))}
             <ColorModeButton
-          size="sm"
-          variant="subtle"
-          title={`switch to ${colorMode === "light" ? "dark" : "light"} mode`}
-        />
+              size="sm"
+              variant="subtle"
+              title={`switch to ${
+                colorMode === "light" ? "dark" : "light"
+              } mode`}
+            />
           </HStack>
         ) : null}
         {current === "base" || current === "sm" ? (
@@ -137,7 +139,6 @@ export default function ProjectInfo() {
             </Portal>
           </Dialog.Root>
         ) : null}
-        
       </HStack>
     </HStack>
   );

…ser Dashboard)/profile/settings/page.tsx …r Dashboard)/dashboard/settings/page.tsxapp/(User Dashboard)/profile/settings/page.tsx renamed to app/(User Dashboard)/dashboard/settings/page.tsx app/(User Dashboard)/profile/settings/page.tsx renamed to app/(User Dashboard)/dashboard/settings/page.tsx

@@ -1,6 +1,5 @@
 "use server";
 
-import ProjectHeader from "./(Components)/Header";
 import ProjectFooter from "./(Components)/Footer";
 import { Card, AbsoluteCenter, Container, Avatar } from "@chakra-ui/react";
 import { auth } from "./auth";
@@ -11,56 +10,53 @@ export default async function Home() {
   const session = await auth();
   if (session?.user) {
     return (
-      <>
-        <Container h={"80vh"} bg={"blue.100"}>
-          <AbsoluteCenter>
-            <Card.Root>
-              <Card.Header alignItems={"center"}>
-                <Card.Title>Welcome back, {session.user.name}!</Card.Title>
-              </Card.Header>
-              <Card.Body>
-                {session.user.avatar_url && (
-                  <>
-                    <Avatar.Root>
-                      <Avatar.Image
-                        src={session.user.avatar_url}
-                        alt={session.user.name || "User Avatar"}
-                      />
-                      <Avatar.Fallback>
-                        {session.user?.name?.charAt(0)}
-                      </Avatar.Fallback>
-                    </Avatar.Root>
-                    BIO:{session.user?.email}
-                  </>
-                )}
-                <SignOutButton />
-              </Card.Body>
-            </Card.Root>
-          </AbsoluteCenter>
-        </Container>
-        <ProjectFooter />
-      </>
-    );
-  }
-  return (
-    <>
-      <Container h={"80vh"} bg={"blue.100"}>
+      <Container h={"80vh"} bg={"blue.100"} position={"relative"}>
         <AbsoluteCenter>
           <Card.Root>
             <Card.Header alignItems={"center"}>
-              <Card.Title>You Are Not Signed In</Card.Title>
-              <Card.Description>
-                This application requires you to be signed in to access its
-                features.
-              </Card.Description>
+              <Card.Title>Welcome back, {session.user.name}!</Card.Title>
             </Card.Header>
             <Card.Body>
-              <SignInButton />
+              {session.user.avatar_url && (
+                <>
+                  <Avatar.Root>
+                    <Avatar.Image
+                      src={session.user.avatar_url}
+                      alt={session.user.name || "User Avatar"}
+                    />
+                    <Avatar.Fallback>
+                      {session.user?.name?.charAt(0)}
+                    </Avatar.Fallback>
+                  </Avatar.Root>
+                  BIO:{session.user?.email}
+                </>
+              )}
+              <SignOutButton />
             </Card.Body>
           </Card.Root>
         </AbsoluteCenter>
+        <ProjectFooter />
       </Container>
+    );
+  }
+  return (
+    <Container h={"80vh"} bg={"blue.100"} maxW={"xl"} position={"relative"}>
+      <AbsoluteCenter>
+        <Card.Root size={"lg"}>
+          <Card.Header alignItems={"center"}>
+            <Card.Title>Your code is your credential</Card.Title>
+            <Card.Description>
+              Join 1,000+ developers proving that impact beats pedigree. Every
+              commit counts. Every contributor matters. Every profile becomes
+              proof.
+            </Card.Description>
+          </Card.Header>
+          <Card.Body>
+            <SignInButton />
+          </Card.Body>
+        </Card.Root>
+      </AbsoluteCenter>
       <ProjectFooter />
-    </>
+    </Container>
   );
 }