Send room display name as part of invite link (if needed)

src/components/Join.vue

@@ -13,7 +13,7 @@
             {{ roomId && roomId.startsWith("@") ? $t("join.title_user") : $t("join.title") }}
           </div>
           <div class="join-title">
-            {{ roomName }}
+            {{ roomDisplayName || roomName }}
           </div>
         </div>
 
@@ -215,6 +215,14 @@ export default {
       let activeLanguages = [...this.getLanguages()];
       return activeLanguages.filter((lang) => lang.value === this.$i18n.locale);
     },
+    roomDisplayName() {
+      // If there is a display name in to invite link, use that!
+      try {
+        return new URL(location.href).searchParams.get('roomName');
+      } catch(ignoredError) {
+        return undefined;
+      }
+    }
   },
   watch: {
     roomId: {