hotfix: make 404 page non-client/static

ovflowd · ovflowd · commit b077921179f7 · 2025-07-20T20:04:34.000+02:00
diff --git a/apps/site/app/[locale]/not-found.tsx b/apps/site/app/[locale]/not-found.tsx
@@ -1,5 +1,3 @@
-'use client';
-
 import { ArrowRightIcon } from '@heroicons/react/24/solid';
 import Image from 'next/image';
 import { useTranslations } from 'next-intl';
@@ -13,10 +11,12 @@ const NotFoundPage: FC = () => {
 
   return (
     <GlowingBackdropLayout kind="default">
-      404
+      <span>404</span>
+
       <h1 className="special -mt-4 text-center">
         {t('layouts.error.notFound.title')}
       </h1>
+
       <div className="my-4 flex h-[150px] items-center justify-center md:h-[300px]">
         <div className="turtle motion-safe:animate-surf motion-reduce:animate-none">
           <Image
@@ -27,9 +27,11 @@ const NotFoundPage: FC = () => {
           />
         </div>
       </div>
+
       <p className="-mt-4 max-w-sm text-center text-lg">
         {t('layouts.error.notFound.description')}
       </p>
+
       <Button href="/">
         {t('layouts.error.backToHome')}
         <ArrowRightIcon />
diff --git a/apps/site/app/global-error.tsx b/apps/site/app/global-error.tsx
@@ -1,5 +1,3 @@
-'use client';
-
 import { ArrowRightIcon } from '@heroicons/react/24/solid';
 import type { FC } from 'react';
 
@@ -12,11 +10,14 @@ const GlobalErrorPage: FC<{ error: Error }> = () => (
     <body>
       <BaseLayout>
         <GlowingBackdropLayout>
-          500
+          <span>500</span>
+
           <h1 className="special -mt-4 text-center">Internal Server Error</h1>
+
           <p className="-mt-4 max-w-sm text-center text-lg">
             This page has thrown a non-recoverable error.
           </p>
+
           <Button href="/">
             Back to Home
             <ArrowRightIcon />
