Big cleanup for styling

frontend/src/views/creators/CreatorLayout.vue

@@ -1,18 +1,20 @@
 <template>
 
-  <div class="flex flex-col min-h-screen max-w-[960px] mx-auto">
+  <div class="min-h-screen w-[1024px] bg-hSurface text-hOnSurface">
+
     <div v-if="brandingStore.loading">
       <v-progress-linear indeterminate></v-progress-linear>
     </div>
     <div v-else>
-      <banner></banner>
-    </div>
-    <div class="py-8 flex-grow">
-      <router-view></router-view>
-    </div>
-
-    <div>
-      <Footer></Footer>
+      <div>
+        <banner></banner>
+      </div>
+      <div>
+        <router-view></router-view>
+      </div>
+      <div>
+        <Footer></Footer>
+      </div>
     </div>
 
   </div>
@@ -23,5 +25,6 @@
 import Banner from "@/views/creators/Banner.vue";
 import Footer from "@/views/main/Footer.vue";
 import {useBrandingStore} from "@/stores/brandingStore.js";
+
 const brandingStore = useBrandingStore()
 </script>