feat: update NotFound and contact components for improved internationalization support

src/app/[...not_found]/page.tsx

@@ -1,16 +1,24 @@
 import routeFactory from '@/assets/constants/routeFactory';
 import images from '@/assets/images/images';
 import Button from '@/components/uikit/button';
-import { t } from '@/locales/translates';
+import { ILayoutLocaleParams } from '@/models/layout';
+import { getTranslations } from 'next-intl/server';
+
+export default async function NotFound({
+  params,
+}: {
+  params: ILayoutLocaleParams;
+}) {
+  const t = await getTranslations({ locale: params.locale });
+  const routes = routeFactory(t, params.locale);
 
-export default function NotFound() {
   return (
     <div className="container mx-auto my-32 flex flex-col items-center justify-center gap-6">
       <h2 className="text-center text-4xl md:text-[5rem]">
-        {t('pages_notFound_title') as string}
+        {t('pages_notFound_title')}
       </h2>
       <p className="text-center text-xl text-gray-300 md:text-2xl">
-        {t('pages_notFound_description') as string}
+        {t('pages_notFound_description')}
       </p>
       <div>
         <img
@@ -19,12 +27,8 @@ export default function NotFound() {
           className="aspect-square"
         />
       </div>
-      <Button
-        link={routeFactory.home.route()}
-        endIcon="showMore"
-        className="w-fit"
-      >
-        {t('pages_notFound_button') as string}
+      <Button link={routes.home.route()} endIcon="showMore" className="w-fit">
+        {t('pages_notFound_button')}
       </Button>
     </div>
   );