fix: layout issue

Author: mfts

components/layouts/app.tsx

@@ -3,12 +3,12 @@ import TrialBanner from "./trial-banner";
 
 export default function AppLayout({ children }: { children: React.ReactNode }) {
   return (
-    <div className="flex min-h-screen bg-gray-50 dark:bg-black">
+    <div className="flex min-h-screen flex-col bg-gray-50 dark:bg-black lg:flex-row">
       <Sidebar />
-      <div className="flex-1">
+      <div className="h-dvh flex-1">
         {/* Trial banner shown only on trial */}
         <TrialBanner />
-        <main className="flex-1 lg:p-2">
+        <main className="h-dvh flex-1 lg:p-2">
           <div className="h-full overflow-y-auto rounded-xl bg-white ring-1 ring-gray-200 dark:border-none dark:bg-gray-900 dark:ring-gray-800">
             {children}
           </div>