fix, quote refresh

src/app/layout.tsx

@@ -53,7 +53,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <PlausibleProvider domain={"alexav.gg"} customDomain={'https://metrics.alexav.gg/js/script.js'}>
+    <PlausibleProvider domain={"alexav.gg"} customDomain={'https://metrics.alexav.gg'}>
       <html lang="en">
         <body
           className={`${geistSans.variable} ${geistMono.variable} antialiased`}

src/app/page.tsx

@@ -17,7 +17,7 @@ export default function Home() {
         <div className="mx-auto text-center p-10">
             <div className="mx-auto grid gap-4 grid-cols-1 lg:grid-cols-2 lg:w-1/2">
                 <div className="flex justify-center">
-                    <Image className="rounded-full" src={"https://storage.alexav.gg/content/picture.jpg"} alt="Profile Picture" width={250} height={250} />
+                    <Image priority className="rounded-full" src={"https://storage.alexav.gg/content/picture.jpg"} alt="Profile Picture" width={250} height={250} />
                 </div>
                 <div className="text-center lg:text-left lg:my-10 w-full">
                     <h1 className="text-4xl font-bold">Hi, I&apos;m Alex</h1>

src/components/Header.tsx

@@ -30,7 +30,9 @@ export default function Header() {
                 <Link href="/" className="hover:underline">
                     <h1 className="text-2xl font-bold">Alex Frantz</h1>
                 </Link>
-                <p className="opacity-50 italic select-none">{quote}</p>
+                <p onClick={() => {
+                    setQuote(quoteArray[Math.floor(Math.random() * quoteArray.length)])
+                }} className="opacity-50 italic select-none">{quote}</p>
             </div>
             <div className="space-x-2 items-center justify-center flex select-none">
                 <a className="hover:underline" href="#projects">Projects</a>