chore: put background on Page component

Author: benjamincanac

app.vue

@@ -10,7 +10,7 @@
 <script setup>
 useMeta({
   bodyAttrs: {
-    class: 'antialiased font-sans text-gray-700 bg-gray-50 dark:bg-gray-900 dark:text-gray-200 bg-white dark:bg-black'
+    class: 'antialiased font-sans text-gray-700 dark:text-gray-200 bg-white dark:bg-black'
   }
 })
 </script>

components/templates/Page.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="border-t u-border-gray-200 pt-8 pb-16">
+  <div class="border-t u-border-gray-200 pt-8 pb-16 bg-gray-50 dark:bg-gray-900 flex-1">
     <header v-if="$slots.header">
       <UContainer padded>
         <slot name="header" />

pages/@[team].vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="flex flex-col flex-1">
     <NuxtPage :team="team" />
   </div>
 </template>