Vuetify updates

src/components/UserProfileDialog.vue

@@ -4,13 +4,13 @@
     v-model="showDialog"
     v-show="room"
     class="ma-0 pa-0"
-    :width="$vuetify.breakpoint.smAndUp ? '688px' : '95%'"
+    :width="$vuetify.display.smAndUp ? '688px' : '95%'"
   >
     <div class="dialog-content text-center member-action-dialog">
       <div class="pt-4">
         <v-avatar class="avatar" size="56" color="grey">
           <AuthedImage v-if="memberAvatarComp" :src="memberAvatarComp" />
-          <span v-else class="white--text headline">{{ firstLetterUserName }}</span>
+          <span v-else class="text-white headline">{{ firstLetterUserName }}</span>
         </v-avatar>
         <div>
           <span class="user-name">