patch

frontend/app/components/Sidebar.js

@@ -3,7 +3,7 @@ import { VERSION } from "@/app/lib/config";
 import { Bars3Icon, UserCircleIcon, Cog6ToothIcon, QuestionMarkCircleIcon } from "@heroicons/react/20/solid";
 import Link from "next/link";
 import Image from "next/image";
-import logo from "@/app/assets/logo8-cropped.jpg";
+import logo from "@/app/assets/logo6-cropped.jpg";
 
 export default function Sidebar({ isCollapsed, toggleSidebar }) {
   const logoStyle = {

frontend/app/components/SplashScreen.js

@@ -1,5 +1,5 @@
 'use client';
-import logo from "@/app/assets/logo3.jpg";
+import logo from "@/app/assets/logo6-cropped.jpg";
 import Image from "next/image";
 import { useEffect, useState } from "react";
 
@@ -32,8 +32,8 @@ const SplashScreen = () => {
     };
 
     const logoStyle = {
-        width: "120px",
-        height: "120px",
+        width: "200px",
+        height: "200px",
         marginBottom: "1rem",
         borderRadius: "50%",
         animation: "pulse 2s infinite",
@@ -50,25 +50,6 @@ const SplashScreen = () => {
         <div style={splashScreenStyle}>
             <Image style={logoStyle} src={logo} alt="App Logo" />
             <p style={messageStyle}>{loadingMessage}</p>
-            <style jsx>{`
-                @keyframes fadeIn {
-                    from {
-                        opacity: 0;
-                    }
-                    to {
-                        opacity: 1;
-                    }
-                }
-
-                @keyframes pulse {
-                    0%, 100% {
-                        transform: scale(1);
-                    }
-                    50% {
-                        transform: scale(1.1);
-                    }
-                }
-            `}</style>
         </div>
     );
 };

frontend/app/globals.css

@@ -36,6 +36,24 @@ body {
   margin: 0;
 }
 
+@keyframes fadeIn {
+  from {
+      opacity: 0;
+  }
+  to {
+      opacity: 1;
+  }
+}
+
+@keyframes pulse {
+  0%, 100% {
+      transform: scale(1);
+  }
+  50% {
+      transform: scale(1.1);
+  }
+}
+
 .user-info-card {
   background-color: var(--secondary);
   padding: 20px;