UX: place (edited) on same line (#23866)

Attempts to have the `(edited)` text on the same line than the content when possible. Impossible cases include: onebox, youtube video, ...

plugins/chat/assets/javascripts/discourse/components/chat-message-collapser.hbs

@@ -1,6 +1,9 @@
 <div class="chat-message-collapser">
   {{#if this.hasUploads}}
     {{html-safe @cooked}}
+    {{#if @isEdited}}
+      <span class="chat-message-edited">({{i18n "chat.edited"}})</span>
+    {{/if}}
 
     <Collapser @header={{this.uploadsHeader}} @onToggle={{@onToggleCollapse}}>
       <div class="chat-uploads">
@@ -25,5 +28,8 @@
         {{cooked.body}}
       {{/if}}
     {{/each}}
+    {{#if @isEdited}}
+      <span class="chat-message-edited">({{i18n "chat.edited"}})</span>
+    {{/if}}
   {{/if}}
 </div>

plugins/chat/assets/javascripts/discourse/components/chat-message-text.hbs

@@ -4,14 +4,13 @@
       @cooked={{@cooked}}
       @uploads={{@uploads}}
       @onToggleCollapse={{@onToggleCollapse}}
+      @isEdited={{this.isEdited}}
     />
   {{else}}
     {{html-safe @cooked}}
+    {{#if this.isEdited}}
+      <span class="chat-message-edited">({{i18n "chat.edited"}})</span>
+    {{/if}}
   {{/if}}
-
-  {{#if this.isEdited}}
-    <span class="chat-message-edited">({{i18n "chat.edited"}})</span>
-  {{/if}}
-
   {{yield}}
 </div>

plugins/chat/assets/stylesheets/common/chat-message.scss

@@ -60,6 +60,10 @@
     min-width: 0;
     width: 100%;
 
+    p {
+      display: inline-block;
+    }
+
     code {
       box-sizing: border-box;
       font-size: var(--font-down-1);