Fix "YouAre" component

src/components/YouAre.vue

@@ -3,9 +3,9 @@
     <v-chip
       @click="viewProfile"
       class="ma-2 white-space-pre"
-      :color="dark ? 'black' : '#ededed'"
-      :text-color="dark ? 'white' : 'black'"
-      :variant="!dark ? 'ouelined' : 'tonal'"
+      color="#ededed"
+      style="color:black"
+      variant="outlined"
       >{{ $t("profile_info_popup.you_are") }}&nbsp;
       <span v-if="$matrix.currentUser.is_guest">
         <i18n-t keypath="profile_info_popup.identity_temporary" tag="span">
@@ -21,10 +21,12 @@
           </template>
         </i18n-t>
       </span>
-      <v-avatar color="#e0e0e0" right @click.stop="viewProfile">
-        <AuthedImage v-if="userAvatar" :src="userAvatar" />
-        <span v-else class="text-white">{{ userAvatarLetter }}</span>
-      </v-avatar>
+      <template v-slot:append>
+        <v-avatar color="#e0e0e0" end @click.stop="viewProfile">
+          <AuthedImage v-if="userAvatar" :src="userAvatar" />
+          <span v-else class="text-white">{{ userAvatarLetter }}</span>
+        </v-avatar>
+      </template>
     </v-chip>
   </div>
 </template>
@@ -36,14 +38,6 @@ export default {
   name: "YouAre",
   mixins: [profileInfoMixin],
   components: { AuthedImage },
-  props: {
-    dark: {
-      type: Boolean,
-      default: function () {
-        return false;
-      },
-    },
-  },
   data() {
     return {};
   },