joined link text overflow fixed

src/assets/css/chat.scss

@@ -487,6 +487,8 @@ $admin-fg: white;
     text-align: center;
     margin: 20px;
     user-select: text;
+    overflow-wrap: break-word;
+    word-break: break-word;
 }
 
 .notice {

src/components/CreatedRoomWelcomeHeader.vue

@@ -4,7 +4,7 @@
     <div class="mt-2" v-if="roomJoinRule == 'public'">
       <i18n path="room_welcome.join_public" tag="span">
         <template v-slot:link>
-          <a :href="publicRoomLink">{{ publicRoomLink }}</a>
+          <a :href="publicRoomLink" class="text-break">{{ publicRoomLink }}</a>
         </template>
       </i18n>
     </div>