fine ill use next

Author: Precontation

src/app/about/actual/page.tsx

@@ -1,13 +1,11 @@
 /* eslint-disable @next/next/no-img-element */
 "use client";
 
-import SetColor from "@/components/SetColor";
 import Link from "next/link";
 
 export default function ActualAbout() {
   return (
     <div className="flex flex-col items-center gap-5">
-      <SetColor />
       <h1 className="text-5xl text-primary overflow-hidden">About me</h1>
       <h2 className="justify-center text-3xl w-fit text-secondary overflow-hidden">
         (for real this time)

src/app/about/page.tsx

@@ -1,12 +1,10 @@
 "use client";
 
-import SetColor from "@/components/SetColor";
 import Link from "next/link";
 
 export default function About() {
   return (
     <div className="flex flex-col items-center gap-5">
-      <SetColor />
       <h1 className="text-5xl text-primary overflow-hidden">About me</h1>
       <h2 className="justify-center text-3xl w-fit text-secondary overflow-hidden">
         i am probably a human person

src/app/games/page.tsx

@@ -1,7 +1,6 @@
 "use client";
 
 import GamesButton from "@/components/GamesButton";
-import SetColor from "@/components/SetColor";
 import { useSearchParams } from "next/navigation";
 
 export default function GamesClient() {
@@ -14,7 +13,6 @@ export default function GamesClient() {
   } else {
     return (
       <div className="flex flex-col items-center gap-5">
-        <SetColor />
         <h1 className="justify-center text-7xl w-fit text-primary overflow-hidden">
           Games
         </h1>

src/app/layout.tsx

@@ -1,3 +1,4 @@
+import SetColor from "@/components/SetColor";
 import SwitcherLink from "@/components/SwitcherLink";
 import { Metadata } from "next";
 import "./globals.css";
@@ -23,6 +24,7 @@ export default function RootLayout({
           </nav>
         </header>
 
+        <SetColor />
         <main className="grow content-center">{children}</main>
       </body>
     </html>

src/app/page.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import SetColor from "@/components/SetColor";
 import { useEffect, useRef, useState } from "react";
 
 const splashArray: Array<string> = [
@@ -107,7 +106,6 @@ export default function Home() {
 
   return (
     <div className="flex flex-col items-center gap-5">
-      <SetColor />
       <h1 className="justify-center text-7xl w-fit text-primary overflow-hidden font-fancy">
         Precontation
       </h1>