feat(list): add Main component

apps/list/components/Main.vue

@@ -0,0 +1,5 @@
+<template>
+    <main class="mx-auto max-w-screen-mobile px-2">
+        <slot />
+    </main>
+</template>

apps/list/pages/content-creators.vue

@@ -45,6 +45,7 @@ const t = useVueTable({
 <template>
     <Header highlight="Content creators" />
 
+    <Main>
         <h1 class="text-4xl font-black">
             pomp's biased and opinionated list of Content creators
         </h1>
@@ -88,4 +89,5 @@ const t = useVueTable({
                 </tbody>
             </table>
         </div>
+    </Main>
 </template>

apps/list/pages/index.vue

@@ -1,7 +1,9 @@
 <template>
     <Header highlight="anything" />
 
+    <Main>
         <NuxtLink href="/content-creators" class="underline">
             Content Creators
         </NuxtLink>
+    </Main>
 </template>