add mascot to 404 (#6481)

* add mascot to old location
this might change

* pivot to 404

* Update app/[locale]/not-found.tsx

Co-authored-by: Caner Akdas <[email protected]>
Signed-off-by: Brian Muenzenmeyer <[email protected]>

---------

Signed-off-by: Brian Muenzenmeyer <[email protected]>
Co-authored-by: Caner Akdas <[email protected]>

Author: bmuenzenmeyer

app/[locale]/not-found.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { ArrowRightIcon } from '@heroicons/react/24/solid';
+import Image from 'next/image';
 import { useTranslations } from 'next-intl';
 import type { FC } from 'react';
 
@@ -17,6 +18,14 @@ const NotFoundPage: FC = () => {
       <main>
         404
         <h1 className="special -mt-4">{t('layouts.error.notFound.title')}</h1>
+        <div className="my-4 flex items-center justify-center">
+          <Image
+            src="/static/images/node-mascot.svg"
+            alt="The Node.js mascot"
+            height={114.69}
+            width={100}
+          />
+        </div>
         <p className="-mt-4 max-w-sm text-center text-lg">
           {t('layouts.error.notFound.description')}
         </p>