feat: refactor project structure and components, migrate to new directory organization, and update authentication flow

Co-authored-by: Drobinson1999 <Drobinson1999@users.noreply.github.com>

Author: BorDevTech

app/components/ApproveFetch.tsx app/(Components)/ApproveFetch.tsxapp/components/ApproveFetch.tsx renamed to app/(Components)/ApproveFetch.tsx

@@ -9,8 +9,9 @@ export default function ProjectHeader({
   projectTitle: string;
 }) {
   const { colorMode } = useColorMode();
+
   return (
-    <Container h={"10vh"}>
+    <Container h={"10vh"} position={"fixed"}>
       <HStack alignItems={"center"} justifyContent={"space-between"} h={"100%"}>
         <Heading size={"5xl"}>{projectTitle}</Heading>
         <ColorModeButton

app/components/Footer.tsx app/(Components)/Footer.tsxapp/components/Footer.tsx renamed to app/(Components)/Footer.tsx

@@ -1,8 +1,9 @@
+"use client";
 
 import { auth } from "@/app/auth";
-import ProjectHeader from "@/app/components/Header";
-import SignInButton from "@/app/components/SignInButton";
-import SignOutButton from "@/app/components/SignOutButton";
+import ProjectHeader from "@/app/(Components)/Header";
+import SignInButton from "@/app/(Components)/SignInButton";
+import SignOutButton from "@/app/(Components)/SignOutButton";
 import {
   Container,
   Card,
@@ -16,7 +17,7 @@ import {
   Text,
 } from "@chakra-ui/react";
 import { LuX, LuCheck } from "react-icons/lu";
-import ApproveFetch from "@/app/components/ApproveFetch";
+import ApproveFetch from "@/app/(Components)/ApproveFetch";
 
 export default async function Home() {
   const session = await auth();
@@ -27,16 +28,16 @@ export default async function Home() {
   const items = [
     {
       label: "Hireable",
-      value: session.user?.hireable
+      value: session?.user?.hireable
         ? "Available for hire"
         : "Not available for hire",
     },
-    { label: "Location", value: session.user?.location },
+    { label: "Location", value: session?.user?.location },
     { label: "Total Repos", value: total_repos.toString() },
     { label: "Phone", value: "1234567890" },
     { label: "Address", value: "1234 Main St, Anytown, USA" },
   ];
-  
+
   return (
     <Stack>
       <ProjectHeader projectTitle="OpenSignal" />
@@ -85,7 +86,7 @@ export default async function Home() {
                     <LuX />
                     Decline
                   </Button>
-                  <ApproveFetch/>
+                  <ApproveFetch />
                 </Card.Footer>
               </Card.Root>
 

app/components/Header.tsx app/(Components)/Header.tsxapp/components/Header.tsx renamed to app/(Components)/Header.tsx

@@ -1,8 +1,8 @@
 import { auth } from "@/app/auth";
-import ProjectFooter from "@/app/components/Footer";
-import ProjectHeader from "@/app/components/Header";
-import SignInButton from "@/app/components/SignInButton";
-import SignOutButton from "@/app/components/SignOutButton";
+import ProjectFooter from "@/app/(Components)/Footer";
+import ProjectHeader from "@/app/(Components)/Header";
+import SignInButton from "@/app/(Components)/SignInButton";
+import SignOutButton from "@/app/(Components)/SignOutButton";
 import { Container, Card, AbsoluteCenter, Avatar } from "@chakra-ui/react";
 
 export default async function Home() {

app/components/SignInButton.tsx app/(Components)/SignInButton.tsxapp/components/SignInButton.tsx renamed to app/(Components)/SignInButton.tsx

@@ -2,7 +2,7 @@ import { signIn, signOut } from "next-auth/react";
 
 export const loginWithGitHub = async () => {
   try {
-    await signIn("github", { callbackUrl: "/home" });
+    await signIn("github", { callbackUrl: "/dashboard" });
   } catch (error) {
     console.error("Error during GitHub sign-in:", error);
   }

app/components/SignOutButton.tsx app/(Components)/SignOutButton.tsxapp/components/SignOutButton.tsx renamed to app/(Components)/SignOutButton.tsx

@@ -1,11 +1,11 @@
 "use server";
 
-import ProjectHeader from "./components/Header";
-import ProjectFooter from "./components/Footer";
+import ProjectHeader from "./(Components)/Header";
+import ProjectFooter from "./(Components)/Footer";
 import { Card, AbsoluteCenter, Container, Avatar } from "@chakra-ui/react";
 import { auth } from "./auth";
-import SignInButton from "./components/SignInButton";
-import SignOutButton from "./components/SignOutButton";
+import SignInButton from "./(Components)/SignInButton";
+import SignOutButton from "./(Components)/SignOutButton";
 
 export default async function Home() {
   const session = await auth();