fix: layouts and scrolls

src/components/topbar/TopBar.tsx

@@ -22,7 +22,7 @@ type Props = {
 
 function TopBar({ profileDropState, toggleProfileDropState, menuState, toggleMenuState, searchModalState, toggleSearchModalState, nightModeState, toggleNightModeState }: Props) {
     return (
-        <div className="p-4 pb-0">
+        <div className="fixed top-0 left-0 w-full p-4 pb-0 z-40">
             <div className='bg-white grid grid-cols-3 overflow-hidden rounded-2xl w-full h-12 lg:h-24 px-2 sm:p-6 xl:gap-8 items-center'>
                 <div className='inline-flex justify-between items-center'>
                     <button className='inline-block xl:hidden' onClick={toggleMenuState}>