feat: add cookie consent banner and privacy policy page; update dependencies and improve animations

app/components/Header.tsx

@@ -1,9 +1,18 @@
 "use client";
 
-import {useState} from "react";
+import {useEffect, useState} from "react";
 import Link from "next/link";
 
 export default function Header() {
+
+    const [isVisible, setIsVisible] = useState(false);
+
+    useEffect(() => {
+        setTimeout(() => {
+            setIsVisible(true);
+        }, 50); // Delay to start the animation after Projects
+    }, []);
+
     const [isSidebarOpen, setIsSidebarOpen] = useState(false);
 
     const toggleSidebar = () => {
@@ -21,7 +30,7 @@ export default function Header() {
     };
 
     return (
-        <div className="p-4">
+        <div className={`p-4 ${isVisible ? 'animate-fly-in' : 'opacity-0'}`}>
             <div
                 className={`fixed top-4 left-4 right-4 p-4 bg-white/45 text-gray-700 backdrop-blur-md shadow-xl rounded-2xl z-50 ${isSidebarOpen ? 'transform -translate-y-full' : ''}`}>
                 <header className="w-full">