fix(ci): fix eslint compatibility, downgrade to v8, and fix lint errors

components/AboutContent.tsx

@@ -143,25 +143,27 @@ export default function About() {
           </Reveal>
 
           <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
-            {t.raw("manifest.items").map((item: any, i: number) => {
-              const Icon = manifestIcons[i];
-              return (
-                <Reveal key={i} delay={i * 0.1}>
-                  <div className="bg-white/5 p-10 rounded-3xl border border-white/10 group hover:-translate-y-1 transition-[box-shadow,transform] duration-300 h-full motion-fix relative overflow-hidden">
-                    <div className="absolute top-0 left-0 w-full h-1 bg-accent/0 group-hover:bg-accent/50 transition-all duration-500" />
-                    <div className="text-accent mb-6">
-                      <Icon size={32} />
+            {t
+              .raw("manifest.items")
+              .map((item: { title: string; desc: string }, i: number) => {
+                const Icon = manifestIcons[i];
+                return (
+                  <Reveal key={i} delay={i * 0.1}>
+                    <div className="bg-white/5 p-10 rounded-3xl border border-white/10 group hover:-translate-y-1 transition-[box-shadow,transform] duration-300 h-full motion-fix relative overflow-hidden">
+                      <div className="absolute top-0 left-0 w-full h-1 bg-accent/0 group-hover:bg-accent/50 transition-all duration-500" />
+                      <div className="text-accent mb-6">
+                        <Icon size={32} />
+                      </div>
+                      <h4 className="text-xl font-bold text-white mb-4">
+                        {i + 1}. {item.title}
+                      </h4>
+                      <p className="text-slate-400 leading-relaxed">
+                        {item.desc}
+                      </p>
                     </div>
-                    <h4 className="text-xl font-bold text-white mb-4">
-                      {i + 1}. {item.title}
-                    </h4>
-                    <p className="text-slate-400 leading-relaxed">
-                      {item.desc}
-                    </p>
-                  </div>
-                </Reveal>
-              );
-            })}
+                  </Reveal>
+                );
+              })}
           </div>
         </div>
       </section>

components/Button.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { useRef, useState } from "react";
+import React, { useState } from "react";
 import { m, LazyMotion, domAnimation } from "framer-motion";
 import Link from "next/link";
 import { ArrowRight } from "lucide-react";

components/ContactContent.tsx

@@ -2,6 +2,7 @@
 
 import React, { useState } from "react";
 import Image from "next/image";
+import Link from "next/link";
 import { Mail, MapPin, CheckCircle } from "lucide-react";
 import { Button } from "./Button";
 import { Counter } from "./Counter";
@@ -57,7 +58,7 @@ export default function Contact() {
           buttonText: t("form.tryAgain") || "Erneut versuchen",
         });
       }
-    } catch (error) {
+    } catch {
       setStatusModal({
         isOpen: true,
         type: "error",
@@ -279,12 +280,12 @@ export default function Contact() {
                     <p className="text-xs text-slate-400 text-center">
                       {t.rich("form.privacyNote", {
                         link: (chunks) => (
-                          <a
+                          <Link
                             href="/datenschutz"
                             className="text-accent hover:underline font-semibold"
                           >
                             {chunks}
-                          </a>
+                          </Link>
                         ),
                       })}
                     </p>