feat: enhance 404 error page with detailed description and support contact information in English and Turkish

Author: slmgkck

lang/en-US.json

@@ -238,7 +238,9 @@
     }
   },
   "page-errors": {
-    "404": "The page is not found!"
+    "404": "The page is not found!",
+    "404-description": "The page you're looking for doesn't exist or has been moved.",
+    "need-help": "If you believe this is an error, please contact support."
   },
   "ticket-statuses": {
     "new": "New",

lang/tr.json

@@ -238,7 +238,9 @@
     }
   },
   "page-errors": {
-    "404": "Aradığınız sayfa bulunamadı!"
+    "404": "Aradığınız sayfa bulunamadı!",
+    "404-description": "Aradığınız sayfa mevcut değil veya taşınmış olabilir.",
+    "need-help": "Bunun bir hata olduğunu düşünüyorsanız, lütfen destek ile iletişime geçin."
   },
   "ticket-statuses": {
     "new": "Yeni",

src/lib/pages/ErrorPage.svelte

@@ -1,7 +1,25 @@
-<h3>{page.status}: {page.status === 404 ? $_("page-errors." + page.status) : page.error.message}</h3>
+<div class="vstack gap-3">
+  <PageTitle
+    title="Hata: 404"
+    subtitle={page.status === 404
+      ? $_("page-errors.404-description")
+      : $_("errors.INTERNAL_SERVER_ERROR")} />
+
+  <div class="text-center mb-3">
+    <img src="/assets/img/404.png" alt="Error" width="256" height="auto" />
+  </div>
+
+  <div class="text-center">
+    <a href="/" class="btn btn-primary">
+      <i class="fas fa-home me-2"></i>
+      {$_("nav-links.homepage")}
+    </a>
+  </div>
+</div>
 
 <script>
   import { _ } from "svelte-i18n";
 
   import { page } from "$app/state";
+  import PageTitle from "$lib/component/PageTitle.svelte";
 </script>