fix logo placement

src/components/Navbar/Navbar.jsx

@@ -291,7 +291,7 @@ const Navbar = () => {
           py: 0.5
         }} disableGutters>
 
-          <Box sx={{ display: "flex", alignItems: "center", width:"100%", position:"relative" }}>
+          <Box sx={{ display: "flex", alignItems: "center", width:"100%", position:"relative", justifyContent:"space-between" }}>
             {/* SIDEBAR BUTTON */}
             <Box sx={{
               display: {
@@ -318,9 +318,17 @@ const Navbar = () => {
             </Box>
 
             {/* Left Section: Logo */}
-            <Box sx={{
-              mx: "auto",
-            }}>
+            <Box
+              sx={{
+                mr:{
+                  xs:0,
+                  sm:0,
+                  md:10,
+                  lg:10,
+                  xl:10
+                }
+              }}
+            >
               <a href="/">
                 <img src={logoSrc} alt="Logo"
                   style={{