feat: update layouts

Author: kunish

src/app/(protected)/layout.tsx

@@ -16,11 +16,9 @@ export default function ProtectedLayout({ children }: { children: ReactNode }) {
 
   return (
     <Providers endpointURL={endpointURL} token={token}>
-      <div className="sticky inset-x-0 top-0 z-50 bg-background">
-        <Header />
-      </div>
+      <Header />
 
-      <section className="p-2 sm:p-4">{children}</section>
+      <section className="flex-1 overflow-y-auto p-2 sm:p-4">{children}</section>
     </Providers>
   )
 }

src/app/layout.tsx

@@ -41,9 +41,7 @@ export default async function RootLayout({ children }: { children: ReactNode })
         <Providers>
           <Bootstrap>
             <main
-              className={cn(
-                'relative mx-auto box-border flex h-screen w-full min-w-sm max-w-screen-xl flex-1 flex-col overflow-y-auto pb-12'
-              )}
+              className={cn('mx-auto box-border flex h-screen w-full min-w-sm max-w-screen-xl flex-1 flex-col pb-12')}
             >
               {children}
             </main>