added translations for not-found component

Author: blitzard7

public/locales/de/translation.json

@@ -20,5 +20,7 @@
   "searchPlaceholder": "tippen, um todos zu suchen ...",
   "createNewTodo": "Neues Todo erstellen",
   "noTodosFound": "Es gibt keine Todos",
-  "goBackHome": "Zur Startseite"
+  "goBackHome": "Zur Startseite",
+  "pageNotFoundTitle": "Seite nicht gefunden",
+  "pageNotFoundSubtitle": "Leider konnten wir die von Ihnen gesuchte Seite nicht finden."
 }

public/locales/en/translation.json

@@ -20,5 +20,7 @@
   "searchPlaceholder": "type to search todos ...",
   "createNewTodo": "Create new todo",
   "noTodosFound": "There are no todos",
-  "goBackHome": "Go Home"
+  "goBackHome": "Go Home",
+  "pageNotFoundTitle": "Page Not Found",
+  "pageNotFoundSubtitle": "Sorry, we couldn't find the page you're looking for."
 }

src/ui/not-found.tsx

@@ -1,8 +1,12 @@
+import { useTranslation } from 'react-i18next';
+
 interface NotFoundProps {
   children?: React.ReactNode;
 }
 
 function NotFound({ children }: NotFoundProps) {
+  const { t } = useTranslation();
+
   return (
     <div className="min-h-screen bg-gray-50 flex flex-col justify-center items-center px-4">
       <div className="max-w-md w-full text-center">
@@ -25,11 +29,9 @@ function NotFound({ children }: NotFoundProps) {
         <div className="mb-8">
           <h1 className="text-6xl font-bold text-gray-900 mb-4">404</h1>
           <h2 className="text-2xl font-semibold text-gray-700 mb-2">
-            Page Not Found
+            {t('pageNotFoundTitle')}
           </h2>
-          <p className="text-gray-500 mb-8">
-            Sorry, we couldn't find the page you're looking for.
-          </p>
+          <p className="text-gray-500 mb-8">{t('pageNotFoundSubtitle')}</p>
         </div>
 
         {children}