fix: remove unnecessary client-only loading

Author: jake8655

src/app/[locale]/not-found.tsx

@@ -3,20 +3,12 @@
 import { ArrowRight, Home } from "lucide-react";
 import { motion } from "motion/react";
 import { useTranslations } from "next-intl";
-import { useEffect, useState } from "react";
 import { GradientText } from "@/components/animate-ui/gradient-text";
 import { HoleBackground } from "@/components/animate-ui/hole-background";
 import { Link } from "@/i18n/navigation";
 
 export default function NotFoundPage() {
   const t = useTranslations("not-found");
-  const [mounted, setMounted] = useState(false);
-
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-
-  if (!mounted) return null;
 
   return (
     <div className="relative flex min-h-screen items-center justify-center">

src/app/[locale]/page.tsx

@@ -11,21 +11,13 @@ import {
 import { motion } from "motion/react";
 import Link from "next/link";
 import { useTranslations } from "next-intl";
-import { useEffect, useState } from "react";
 import { BubbleBackground } from "@/components/animate-ui/bubble-background";
 import { GradientText } from "@/components/animate-ui/gradient-text";
 import { RippleButton } from "@/components/animate-ui/ripple-button";
 
 export default function HomePage() {
-  const [mounted, setMounted] = useState(false);
   const t = useTranslations("home");
 
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-
-  if (!mounted) return null;
-
   return (
     <div className="min-h-screen bg-[oklch(0.129_0.042_264.695)]">
       {/* Hero Section */}