Hide 'My Profile' when not authenticated

src/App.vue

@@ -6,7 +6,7 @@
         <side-bar></side-bar>
       </div>
 
-      <div class="flex flex-col pl-60 w-full min-h-screen ">
+      <div class="pl-60 w-full min-h-screen flex justify-center items-center bg-green">
         <router-view></router-view>
       </div>
 

src/views/creators/CreatorLayout.vue

@@ -1,7 +1,7 @@
 <template>
-  <div :style="{ backgroundColor: brandingStore.value.colors.background }" class="flex flex-col min-h-screen">
+  <div :style="{ backgroundColor: brandingStore.value.colors.background }">
-    <div class="flex-grow">
+
-      <div class="max-w-[1500px] mx-auto">
+    <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>
@@ -10,19 +10,24 @@
         <creator-banner></creator-banner>
       </div>
 
-        <div class="w-full py-10">
+      <div class="py-8 flex-grow">
         <router-view></router-view>
       </div>
 
-      </div>
+      <div>
-    </div>
         <Footer></Footer>
       </div>
+
+    </div>
+
+  </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>

src/views/main/SideBar.vue

@@ -96,12 +96,14 @@ initializeLocale();
         <!-- CREATE CONTENT -->
 
         <!-- PROFILE -->
+        <template v-if="authStore.isAuthenticated">
           <v-btn to="/profile"
                  class="w-full justify-start"
                  prepend-icon="mdi-account"
                  variant="flat">
             {{ $t('header.myprofile') }}
           </v-btn>
+        </template>
 
         <!-- LANGUAGE -->
         <v-btn