"Private chat" header for direct chats

Also, auto-create account and room when joining a DM chat link.

src/components/Join.vue

@@ -132,6 +132,23 @@
       </div>
     </div>
   </div>
+
+ <!-- Loading indicator -->
+ <v-container
+   v-else
+      fluid
+      fill-height
+      class="loading-indicator"
+    >
+    <v-row align="center" justify="center">
+      <v-col class="text-center">
+        <v-progress-circular
+          indeterminate
+          color="primary"
+        ></v-progress-circular>
+      </v-col>
+    </v-row>
+  </v-container>
 </template>
 
 <script>
@@ -304,19 +321,10 @@ export default {
           });
       } else if (this.roomId.startsWith("@")) {
         // Direct chat with user
-        this.$matrix
-          .getPublicUserInfo(this.roomId)
-          .then((info) => {
-            console.log("Got user info:", info);
-            this.roomName = info.displayname;
-            this.roomAvatar = info.avatar;
-          })
-          .catch((err) => {
-            console.log("Failed to get user info: ", err);
-          })
-          .finally(() => {
-            this.waitingForInfo = false;
-          });
+        this.waitingForInfo = false;
+        this.$nextTick(() => {
+          this.handleJoin();
+        });
       } else {
         // Private room, try to get name
         const room = this.$matrix.getRoom(this.roomId);