fix empty space on virtual scroll layout when the header has no content on folder page

src/layouts/HeaderAndVList.vue

@@ -3,7 +3,7 @@
     <div
       v-bind="containerProps"
       style="height: calc(100vh - 4.25rem)"
-      :style="{ paddingTop: headerHeight - 64 + 16 + 'px' }"
+      :style="{ paddingTop: !no_header ? headerHeight - 64 + 16 + 'px' : 0 }"
       @scroll="handleScroll"
     >
       <div v-bind="wrapperProps" class="scrollable">

src/views/FolderView.vue

@@ -1,7 +1,11 @@
 <template>
-  <Layout :tracks="folder.tracks" @playFromPage="playFromPage">
-    <template #header>
-      <FolderList :folders="folder.dirs" v-if="folder.dirs.length" />
+  <Layout
+    :tracks="folder.tracks"
+    :no_header="folder.dirs.length === 0"
+    @playFromPage="playFromPage"
+  >
+    <template #header v-if="folder.dirs.length">
+      <FolderList :folders="folder.dirs" />
     </template>
   </Layout>
 </template>