Refactor activity feed disabled UI; use plain img for hero image fix

Co-authored-by: dennis <dennis@konkol.net>

app/components/Hero.tsx

@@ -2,7 +2,6 @@
 
 import { motion } from "framer-motion";
 import { ArrowDown, Code, Zap, Rocket } from "lucide-react";
-import Image from "next/image";
 import { useEffect, useState } from "react";
 import { useLocale, useTranslations } from "next-intl";
 import type { JSONContent } from "@tiptap/react";
@@ -111,16 +110,13 @@ const Hero = () => {
                 repeatType: "reverse",
               }}
             >
-              <Image
+              {/* Use a plain <img> to fully bypass Next.js image optimizer (dev 400 issue). */}
+              <img
                 src="/images/me.jpg"
                 alt="Dennis Konkol"
-                fill
-                className="object-cover scale-105 hover:scale-[1.08] transition-transform duration-1000 ease-out"
-                priority
-                // Next/Image optimizer is returning 400 for this file in some dev setups
-                // (seen as: "isn't a valid image ... received null"). Bypass optimization.
-                unoptimized
-                sizes="(max-width: 768px) 256px, 320px"
+                className="absolute inset-0 w-full h-full object-cover scale-105 hover:scale-[1.08] transition-transform duration-1000 ease-out"
+                loading="eager"
+                decoding="async"
               />
 
               {/* Glossy Overlay for Liquid Feel */}