Hide 'My Profile' when not authenticated

src/views/creators/CreatorLayout.vue

@@ -1,28 +1,33 @@
 <template>
-  <div :style="{ backgroundColor: brandingStore.value.colors.background }" class="flex flex-col min-h-screen">
-    <div class="flex-grow">
-      <div class="max-w-[1500px] mx-auto">
+  <div :style="{ backgroundColor: brandingStore.value.colors.background }">
 
-        <div v-if="brandingStore.loading">
-          <v-progress-linear indeterminate></v-progress-linear>
-        </div>
-        <div v-else>
-          <creator-banner></creator-banner>
-        </div>
-
-        <div class="w-full py-10">
-          <router-view></router-view>
-        </div>
+    <div class="flex flex-col min-h-screen max-w-[1500px] mx-auto">
 
+      <div v-if="brandingStore.loading">
+        <v-progress-linear indeterminate></v-progress-linear>
       </div>
+      <div v-else>
+        <creator-banner></creator-banner>
+      </div>
+
+      <div class="py-8 flex-grow">
+        <router-view></router-view>
+      </div>
+
+      <div>
+        <Footer></Footer>
+      </div>
+
     </div>
-    <Footer></Footer>
+
   </div>
+
 </template>
 
 <script async setup>
 import CreatorBanner from "@/views/creators/CreatorBanner.vue";
 import Footer from "@/views/main/Footer.vue";
 import {useBrandingStore} from "@/stores/brandingStore.js";
+
 const brandingStore = useBrandingStore()
 </script>