removing unneeded next-auth stuff

.vscode/extensions.json

@@ -1,6 +1,5 @@
 {
   "recommendations": [
-    "prisma.prisma",
     "bradlc.vscode-tailwindcss",
     "heybourn.headwind",
     "unifiedjs.vscode-mdx"

apps/website/src/app/globals.scss

@@ -1,4 +1,13 @@
-@use "_mixins" as *;
+@mixin theme-variable-sets($theme) {
+  .theme-#{$theme} {
+    @content;
+  }
+  .theme-system {
+    @media (prefers-color-scheme: $theme) {
+      @content;
+    }
+  }
+}
 
 @tailwind base;
 @tailwind components;

apps/website/src/app/layout.tsx

@@ -46,7 +46,7 @@ export const metadata: Metadata = {
     type: "website",
     siteName: "MyFursona"
   },
-  robots: "noai, noimageai"
+  robots: "noai, noimageai, noindex, nofollow"
 }
 
 export default function RootLayout({

apps/website/src/app/profile/create/page.tsx

@@ -1,9 +1,8 @@
-'use client'
+"use client"
 
-import {Input} from "postcss";
-import {useState} from "react";
+import { useState } from "react"
 
-export default function Page({}) {
+export default function Page() {
   const [displayName, setDisplayName] = useState("")
   // TODO: Check if the user has created an account, if so... redirect them to their profile
   const username = "FluffyJane"
@@ -15,16 +14,17 @@ export default function Page({}) {
         <p>p</p>
       </div>
       <div className="w-1/2 text-center">
-        <h1
-          className="text-4xl bg-gradient-to-tl from-blue-700 via-purple-700 to-pink-500 text-transparent bg-clip-text">Welcome
-          to MyFursona</h1>
-        <p>Hello, {username}, we’re so glad to have you on board! Let’s get
-          some of the nitty-gritty stuff done first. Don’t worry, you can
-          change these anytime!</p>
+        <h1 className="text-4xl bg-gradient-to-tl from-blue-700 via-purple-700 to-pink-500 text-transparent bg-clip-text">
+          Welcome to MyFursona
+        </h1>
+        <p>
+          Hello, {username}, we’re so glad to have you on board! Let’s get some
+          of the nitty-gritty stuff done first. Don’t worry, you can change
+          these anytime!
+        </p>
         <section className="p-6">
           <h2>Profile Information</h2>
           <div>
-
             <input
               type="display"
               className="w-full px-4 py-2 my-1 border rounded-md border-color-3"

apps/website/src/app/signin/SignInForm.tsx

@@ -1,35 +1,18 @@
 "use client"
 
 import { FormEvent, useEffect, useState } from "react"
-import { useRouter } from "next/navigation"
 
-// import { signIn, useSession } from "next-auth/react"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 
 import { emailRegex } from "@/constants"
 import { Button } from "@/components/ui/Buttons"
 import Separator from "@/components/ui/Separator"
 
 export default function SignInForm() {
-  // !!!!! code duplication detected !!!!!
-  // TODO: 1. use the useReducer() hook to combine all of these useStates
-  // TODO: 2. recommended to create a useClientAuth() custom hook to resolve code dup
-  // TODO: and also sharable for signup form too
-  // !!!!! code duplication detected !!!!!
-  // const { status, data } = useSession()
-  // const router = useRouter()
   const [emailEntered, setEmailEntered] = useState(false)
   const [errors, setErrors] = useState<string[]>([])
   const [email, setEmail] = useState("")
   const [password, setPassword] = useState("")
-  // useEffect(() => {
-  //   console.log("USE EFFECT ")
-  //   if (status === "authenticated" && data) {
-  //     console.log("LOGGED")
-  //     router.push("/")
-  //   }
-  //   console.log("NOT LOGGED")
-  // }, [status, data, router])
 
   // TODO export this function as a custom hook as `useValidateEmail()` so it can be used to the signup page as well
   const validateEmail = () => {
@@ -45,8 +28,6 @@ export default function SignInForm() {
 
   const submitLogin = (e: FormEvent<HTMLFormElement>) => {
     e.preventDefault()
-    // signIn("credentials", { email, password, redirect: false })
-    // router.push("/")
   }
 
   return (
@@ -111,7 +92,12 @@ export default function SignInForm() {
               value={email}
               onChange={(e) => setEmail(e.target.value)}
             />
-            <Button className="flex items-center gap-x-1.5 rounded-md transition-[border,background-color] border border-[2px] px-4 py-2 border-transparent bg-300 hover:bg-400 focus:bg-400 w-full my-2" onClick={validateEmail}>Next</Button>
+            <Button
+              className="flex items-center gap-x-1.5 rounded-md transition-[border,background-color] border border-[2px] px-4 py-2 border-transparent bg-300 hover:bg-400 focus:bg-400 w-full my-2"
+              onClick={validateEmail}
+            >
+              Next
+            </Button>
             <Button href="/auth/signup">Sign Up</Button>
           </div>
           <div
@@ -126,8 +112,18 @@ export default function SignInForm() {
               value={password}
               onChange={(e) => setPassword(e.target.value)}
             />
-            <Button  className="flex items-center gap-x-1.5 rounded-md transition-[border,background-color] border border-[2px] px-4 py-2 border-transparent bg-300 hover:bg-400 focus:bg-400 w-full my-2" type="submit">Login</Button>
-            <Button className="flex items-center gap-x-1.5 rounded-md transition-[border,background-color] border border-[2px] px-4 py-2 border-transparent bg-300 hover:bg-400 focus:bg-400 w-full my-2" onClick={() => setEmailEntered(false)}>Previous</Button>
+            <Button
+              className="flex items-center gap-x-1.5 rounded-md transition-[border,background-color] border border-[2px] px-4 py-2 border-transparent bg-300 hover:bg-400 focus:bg-400 w-full my-2"
+              type="submit"
+            >
+              Login
+            </Button>
+            <Button
+              className="flex items-center gap-x-1.5 rounded-md transition-[border,background-color] border border-[2px] px-4 py-2 border-transparent bg-300 hover:bg-400 focus:bg-400 w-full my-2"
+              onClick={() => setEmailEntered(false)}
+            >
+              Previous
+            </Button>
           </div>
         </form>
       </div>

apps/website/src/context/Providers.tsx

@@ -1,6 +1,5 @@
 "use client"
 
-// import { SessionProvider } from "next-auth/react"
 import { SidebarProvider } from "./NavbarProvider"
 import { ThemeProvider } from "./ThemeProvider"
 
@@ -10,10 +9,8 @@ export default function Providers({
   children?: React.ReactNode
 }) {
   return (
-    // <SessionProvider>
     <ThemeProvider>
       <SidebarProvider>{children}</SidebarProvider>
     </ThemeProvider>
-    // </SessionProvider>
   )
 }