fix logo placement

src/components/Navbar/Navbar.jsx

           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: {
             </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={{