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

app/globals.css

@@ -118,4 +118,69 @@ body {
 
 .flex-grow {
     flex-grow: 1;
+}
+
+.react-cookie-consent .content-wrapper {
+    flex: 1;
+    margin-right: 1rem;
+}
+
+.react-cookie-consent .button-wrapper {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+@media (min-width: 768px) {
+    .react-cookie-consent .button-wrapper {
+        flex-direction: row;
+    }
+}
+
+.transition-underline {
+    position: relative;
+    display: inline-block;
+}
+
+.transition-underline::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    bottom: -2px;
+    width: 100%;
+    height: 2px;
+    background-color: currentColor;
+    opacity: 0;
+    transform: translateY(4px);
+    transition: opacity 0.3s ease, transform 0.3s ease;
+}
+
+.transition-underline:hover::after {
+    opacity: 1;
+    transform: translateY(0);
+}
+
+.fade-in {
+    opacity: 1 !important;
+    transition: opacity 0.5s ease;
+}
+
+.fade-out {
+    opacity: 0;
+    transition: opacity 0.5s ease;
+}
+
+@keyframes flyIn {
+    0% {
+        opacity: 0;
+        transform: translateY(20px);
+    }
+    100% {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+.animate-fly-in {
+    animation: flyIn 1s ease-in-out;
 }