Hide 'My Profile' when not authenticated

src/views/main/SideBar.vue

@@ -59,13 +59,13 @@ initializeLocale();
     </div>
 
     <v-divider class="my-4" style="border-width: 1px; border-color: black;"></v-divider>
-        <!-- USER SECTION -->
-        <div class="px-4 mb-4">
-          <div class="flex items-center justify-start p-2 mb-4">
-            <img
-                :src="userProfileStore.portraitUrl"
-                alt="Profile Image"
-                referrerpolicy="no-referrer"
+    <!-- USER SECTION -->
+    <div class="px-4 mb-4">
+      <div class="flex items-center justify-start p-2 mb-4">
+        <img
+            :src="userProfileStore.portraitUrl"
+            alt="Profile Image"
+            referrerpolicy="no-referrer"
             class="rounded-full"
             width="42"
             height="42"
@@ -96,12 +96,14 @@ initializeLocale();
         <!-- CREATE CONTENT -->
 
         <!-- PROFILE -->
-        <v-btn to="/profile"
-               class="w-full justify-start"
-               prepend-icon="mdi-account"
-               variant="flat">
-          {{ $t('header.myprofile') }}
-        </v-btn>
+        <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