암호 키 생성 페이지에서 스크롤 관련 레이아웃 깨짐 이슈 해결

src/routes/(fullscreen)/+layout.svelte

@@ -4,8 +4,8 @@
   let { children } = $props();
 </script>
 
-<div class="h-full w-full p-2">
+<div class="h-dvh w-full p-2">
   <AdaptiveDiv>
-    {@render children?.()}
+    {@render children()}
   </AdaptiveDiv>
 </div>

src/routes/(fullscreen)/key/generate/+page.svelte

@@ -55,7 +55,7 @@
   <title>암호 키 생성하기</title>
 </svetle:head>
 
-<div class="flex h-full flex-col justify-between">
+<div class="flex h-full flex-col justify-between overflow-auto">
   <TitleDiv>
     <div class="flex flex-col gap-y-2">
       <h1 class="text-3xl font-bold">암호 키 생성하기</h1>

src/routes/(main)/+layout.svelte

@@ -4,9 +4,9 @@
   let { children } = $props();
 </script>
 
-<div class="flex h-full w-full flex-col justify-between">
+<div class="flex h-dvh w-full flex-col justify-between">
   <div>
-    {@render children?.()}
+    {@render children()}
   </div>
   <BottomBar />
 </div>