diff --git a/Frontend/src/app/layout.tsx b/Frontend/src/app/layout.tsx
index 49b93e7..7b197d4 100644
--- a/Frontend/src/app/layout.tsx
+++ b/Frontend/src/app/layout.tsx
@@ -8,6 +8,7 @@ import ThemeProvider from "@/provider/theme-provider";
 import type { Metadata, Viewport } from "next";
 import PlausibleProvider from "next-plausible";
 import "./globals.css";
+import { ReactElement } from "react";
 
 /**
  * Site metadata & viewport.
@@ -22,32 +23,32 @@ export const viewport: Viewport = config.viewport;
  * @returns the layout jsx
  */
 const RootLayout = ({
-	children,
+    children,
 }: Readonly<{
-	children: React.ReactNode;
-}>): JSX.Element => {
-	const analyticsDomain: string | undefined = config.analyticsDomain;
-	return (
-		<html lang="en" className={cn("scroll-smooth", notoSans.className)}>
-			<head>
-				{analyticsDomain && (
-					<PlausibleProvider
-						domain={analyticsDomain}
-						customDomain="https://analytics.rainnny.club"
-						selfHosted
-					/>
-				)}
-			</head>
-			<body className="relative min-h-screen">
-				<ThemeProvider attribute="class" defaultTheme="dark">
-					<TooltipProvider>
-						<Navbar />
-						{children}
-						<Footer />
-					</TooltipProvider>
-				</ThemeProvider>
-			</body>
-		</html>
-	);
+    children: React.ReactNode;
+}>): ReactElement => {
+    const analyticsDomain: string | undefined = config.analyticsDomain;
+    return (
+        <html lang="en" className={cn("scroll-smooth", notoSans.className)}>
+            <head>
+                {analyticsDomain && (
+                    <PlausibleProvider
+                        domain={analyticsDomain}
+                        customDomain="https://analytics.rainnny.club"
+                        selfHosted
+                    />
+                )}
+            </head>
+            <body className="relative min-h-screen">
+                <ThemeProvider attribute="class" defaultTheme="dark">
+                    <TooltipProvider>
+                        <Navbar />
+                        {children}
+                        <Footer />
+                    </TooltipProvider>
+                </ThemeProvider>
+            </body>
+        </html>
+    );
 };
 export default RootLayout;
diff --git a/Frontend/src/app/not-found.tsx b/Frontend/src/app/not-found.tsx
index b4a5768..d7a6762 100644
--- a/Frontend/src/app/not-found.tsx
+++ b/Frontend/src/app/not-found.tsx
@@ -1,28 +1,32 @@
 import Creeper from "@/components/creeper";
 import { minecrafter } from "@/font/fonts";
 import { cn } from "@/lib/utils";
+import { ReactElement } from "react";
 
 /**
  * The 404 page.
  *
  * @returns the page jsx
  */
-const NotFoundPage = (): JSX.Element => (
-	<main className="h-[84vh] flex flex-col gap-3 justify-center items-center pointer-events-none">
-		{/* Creeper */}
-		<Creeper />
+const NotFoundPage = (): ReactElement => (
+    <main className="h-[84vh] flex flex-col gap-3 justify-center items-center pointer-events-none">
+        {/* Creeper */}
+        <Creeper />
 
-		{/* Header */}
-		<h1
-			className={cn("text-6xl text-minecraft-green-3", minecrafter.className)}
-		>
-			We&apos;re Sssssorry
-		</h1>
+        {/* Header */}
+        <h1
+            className={cn(
+                "text-6xl text-minecraft-green-3",
+                minecrafter.className
+            )}
+        >
+            We&apos;re Sssssorry
+        </h1>
 
-		{/* Error */}
-		<h2 className="text-2xl">
-			The page you were looking for could not be found.
-		</h2>
-	</main>
+        {/* Error */}
+        <h2 className="text-2xl">
+            The page you were looking for could not be found.
+        </h2>
+    </main>
 );
 export default NotFoundPage;
