make navbar logo centered

src/components/Search/SearchBar/searchBarMobile.tsx

@@ -1,6 +1,5 @@
 import { IconButton } from '@mui/material';
 import { FluidContainer } from 'components/Container';
-import { EnteLogo } from 'components/EnteLogo';
 import React from 'react';
 import { SearchMobileBox } from './styledComponents';
 import SearchIcon from '@mui/icons-material/Search';
@@ -11,12 +10,11 @@ export function SearchBarMobile({ show, showSearchInput }) {
     }
     return (
         <SearchMobileBox>
-            <FluidContainer justifyContent="center" mr={1.5}>
-                <EnteLogo />
+            <FluidContainer justifyContent="flex-end" ml={1.5}>
+                <IconButton onClick={showSearchInput}>
+                    <SearchIcon />
+                </IconButton>
             </FluidContainer>
-            <IconButton onClick={showSearchInput}>
-                <SearchIcon />
-            </IconButton>
         </SearchMobileBox>
     );
 }

src/components/pages/gallery/Navbar.tsx

@@ -33,7 +33,7 @@ export function GalleryNavbar({
     setIsInSearchMode,
 }: Iprops) {
     return (
-        <NavbarBase>
+        <NavbarBase sx={{ background: 'transparent', position: 'absolute' }}>
             {!isInSearchMode && <SidebarToggler openSidebar={openSidebar} />}
 
             {isFirstFetch ? (

src/pages/gallery/index.tsx

@@ -229,7 +229,7 @@ export default function Gallery() {
         });
 
     useEffect(() => {
-        appContext.showNavBar(false);
+        appContext.showNavBar(true);
         const key = getKey(SESSION_KEYS.ENCRYPTION_KEY);
         if (!key) {
             appContext.setRedirectURL(router.asPath);