Add padding below headers in Listening/Steam and adjust layout sizing

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

vue/src/views/home/Home.vue

@@ -168,7 +168,7 @@ import Bookmarks from "./Bookmarks.vue";
     .homeGrid {
         order: -1;
         width: 95vw;
-        height: 120vh;
+        height: 297mm;
         margin-inline: 0;
         box-sizing: border-box;
     }

vue/src/views/home/Listening.vue

@@ -34,7 +34,7 @@ onUnmounted(() => {
         <div
             @click="nextSong"
             :key="song.track.name"
-            class="flex flex-col items-center"
+            class="flex flex-col items-center pt-2"
         >
             <Header>Listening To</Header>
             <img :src="song.track.album.images[0].url" :alt="song.track.album.name + ' album art'" />

vue/src/views/home/Steam.vue

@@ -59,7 +59,7 @@ function formatHours(minutes) {
                 <div
                     @click="nextGame"
                     :key="game.appId"
-                    class="flex flex-col items-center"
+                    class="flex flex-col items-center pt-2"
                 >
                     <img
                         :src="game.headerImageUrl"
@@ -85,7 +85,7 @@ function formatHours(minutes) {
 <style scoped>
 .steam-wrapper {
     position: relative;
-    height: 50mm;
+    height: 54mm;
     display: flex;
     flex-direction: column;
 }