Add i18n to home sections, improve consent management and middleware asset handling

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

app/components/Header.tsx

@@ -11,7 +11,6 @@ import { usePathname, useRouter } from "next/navigation";
 const Header = () => {
   const [isOpen, setIsOpen] = useState(false);
   const [scrolled, setScrolled] = useState(false);
-  const [mounted, setMounted] = useState(false);
   const locale = useLocale();
   const pathname = usePathname();
   const router = useRouter();
@@ -19,13 +18,6 @@ const Header = () => {
 
   const isHome = pathname === `/${locale}` || pathname === `/${locale}/`;
 
-  useEffect(() => {
-    // Use requestAnimationFrame to ensure smooth transition
-    requestAnimationFrame(() => {
-      setMounted(true);
-    });
-  }, []);
-
   useEffect(() => {
     const handleScroll = () => {
       setScrolled(window.scrollY > 50);
@@ -69,10 +61,9 @@ const Header = () => {
     <>
       <motion.header
         initial={false}
-        animate={{ y: 0, opacity: mounted ? 1 : 0 }}
+        animate={{ y: 0, opacity: 1 }}
         transition={{ duration: 0.3, ease: "easeOut" }}
         className="fixed top-6 left-0 right-0 z-50 flex justify-center px-4 pointer-events-none"
-        style={{ opacity: mounted ? 1 : 0 }}
       >
         <div
           className={`pointer-events-auto transition-all duration-500 ease-out ${
@@ -81,7 +72,7 @@ const Header = () => {
         >
           <motion.div
             initial={false}
-            animate={{ opacity: mounted ? 1 : 0, y: 0 }}
+            animate={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.3, ease: "easeOut" }}
             className={`
             backdrop-blur-xl transition-all duration-500