디렉터리 페이지에서, 항목이 많을 때 레이아웃이 깨지던 버그 수정

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

@@ -6,8 +6,10 @@
 </script>
 
 <div class="flex h-screen w-full flex-col justify-between">
-  <AdaptiveDiv>
-    {@render children()}
-  </AdaptiveDiv>
+  <div class="flex-grow">
+    <AdaptiveDiv>
+      {@render children()}
+    </AdaptiveDiv>
+  </div>
   <BottomBar />
 </div>

src/routes/(main)/BottomBar.svelte

@@ -19,14 +19,14 @@
   // TODO: Navigation
 </script>
 
-<div class="sticky bottom-0 w-full rounded-t-2xl border-t border-gray-300 bg-white">
+<div
+  class="sticky bottom-0 h-20 w-full flex-shrink-0 rounded-t-2xl border-t border-gray-300 bg-white"
+>
   <AdaptiveDiv>
     <div class="flex w-full justify-evenly p-2">
       {#each pages as { path, label, icon: Icon }}
-        {@const isCurrent = page.url.pathname.startsWith(path)}
-        <button
-          class="w-16 active:rounded-xl active:bg-gray-100 {!isCurrent ? 'text-gray-600' : ''}"
-        >
+        {@const textColor = !page.url.pathname.startsWith(path) ? "text-gray-600" : ""}
+        <button class="w-16 active:rounded-xl active:bg-gray-100 {textColor}">
           <div class="gap-y flex flex-col items-center gap-y-1 p-1 transition active:scale-95">
             <Icon class="text-xl" fill="0" />
             <p class="text-sm">{label}</p>

src/routes/(main)/directory/[[id]]/+page.svelte

@@ -57,7 +57,7 @@
   <title>파일</title>
 </svelte:head>
 
-<div class="relative flex h-full flex-col px-4">
+<div class="px-4">
   {#if data.id !== "root"}
     {#if !metadata}
       <TopBar />
@@ -69,8 +69,7 @@
       {/await}
     {/if}
   {/if}
-
-  <div class="mt-4">
+  <div class="my-4 pb-[4.5rem]">
     {#if subDirectories}
       {#await subDirectories then subDirectories}
         {#each subDirectories as { id, name }}
@@ -79,15 +78,15 @@
       {/await}
     {/if}
   </div>
-
-  <FloatingButton
-    icon={IconAdd}
-    onclick={() => {
-      isCreateBottomSheetOpen = true;
-    }}
-  />
 </div>
 
+<FloatingButton
+  icon={IconAdd}
+  onclick={() => {
+    isCreateBottomSheetOpen = true;
+  }}
+/>
+
 <CreateBottomSheet
   bind:isOpen={isCreateBottomSheetOpen}
   onDirectoryCreate={() => {