feat: implement dark mode infrastructure, optimize images, and add SEO structured data

app/[locale]/projects/[slug]/page.tsx

@@ -60,6 +60,30 @@ export default async function ProjectPage({
     content: localizedContent,
   };
 
-  return <ProjectDetailClient project={localized} locale={locale} />;
+  const jsonLd = {
+    "@context": "https://schema.org",
+    "@type": "SoftwareSourceCode",
+    "name": localized.title,
+    "description": localized.description,
+    "codeRepository": localized.github,
+    "programmingLanguage": localized.technologies,
+    "author": {
+      "@type": "Person",
+      "name": "Dennis Konkol"
+    },
+    "dateCreated": project.date,
+    "url": toAbsoluteUrl(`/${locale}/projects/${slug}`),
+    "image": localized.imageUrl ? toAbsoluteUrl(localized.imageUrl) : undefined,
+  };
+
+  return (
+    <>
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
+      />
+      <ProjectDetailClient project={localized} locale={locale} />
+    </>
+  );
 }