Fix height on layout

Author: nalves599

src/app/(authenticated)/layout.tsx

@@ -13,9 +13,9 @@ export default async function AuthenticatedLayout({
   if (!session) redirect("/login");
 
   return (
-    <div className="min-h-screen text-white flex flex-col">
+    <div className="h-0 min-h-screen text-white flex flex-col">
       <Toolbar />
-      <div className="flex-1 bg-gray-100 text-black pb-navbar flex flex-col">{children}</div>
+      <div className="flex-1 bg-gray-100 text-black pb-navbar">{children}</div>
       <BottomNavbar />
     </div>
   );

src/app/(authenticated)/qr/page.tsx

@@ -49,7 +49,7 @@ export default async function QR() {
 
   return (
     <div className="container m-auto h-full">
-      <div className="h-full flex flex-col justify-center items-center text-center p-4 gap-y-4">
+      <div className="flex flex-col justify-center items-center text-center p-4 gap-y-4">
         <div className="flex flex-col justify-center items-center">
           <QRCode
             className="w-72 h-72 p-4 border-[14px] bg-white rounded-lg"

src/app/(authenticated)/qr/scan/QRScanner.tsx

@@ -74,11 +74,9 @@ export default function QRScanner({ user, cannonToken }: QRScannerProps) {
   }, [statusCard]);
 
   return (
-    <div className="container mx-auto h-full">
-      <QRCodeScanner
-        onQRCodeScanned={handleQRCodeScanned}
-        bottomCard={bottomCard}
-      />
-    </div>
+    <QRCodeScanner
+      onQRCodeScanned={handleQRCodeScanned}
+      bottomCard={bottomCard}
+    />
   );
 }