feat: quick bottom home screen setup

app/app.vue

@@ -20,5 +20,10 @@ const showStats = ref(false);
         <Stats v-if="showStats" />
       </TopScreen>
     </div>
+    <div>
+      <HomeBottomScreen>
+        <Stats v-if="showStats" />
+      </HomeBottomScreen>
+    </div>
   </div>
 </template>

app/components/Home/BottomScreen/Background.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+const backgroundImage = useTemplateRef("backgroundImage");
+
+useRender((ctx) => {
+  if (!backgroundImage.value) return;
+
+  ctx.drawImage(backgroundImage.value, 0, 0);
+});
+</script>
+
+<template>
+  <img
+    ref="backgroundImage"
+    src="/assets/home-screen_bottom_background.png"
+    hidden
+  />
+</template>

app/components/Home/BottomScreen/BottomScreen.vue

@@ -0,0 +1,7 @@
+<template>
+  <Screen>
+    <HomeBottomScreenBackground />
+
+    <slot />
+  </Screen>
+</template>