UX: brings back URL on chat icon when in full page (#20092)

plugins/chat/assets/javascripts/discourse/components/chat-header-icon.hbs

@@ -1,21 +1,11 @@
-{{#if (and this.chatStateManager.isFullPageActive this.site.desktopView)}}
+<a
-  <span class={{concat-class "icon" (if this.isActive "active")}}>
+  href={{this.href}}
-    {{d-icon "comment"}}
+  tabindex="0"
+  class={{concat-class "icon" (if this.isActive "active")}}
+>
+  {{d-icon "comment"}}
 
-    {{#unless this.currentUserInDnD}}
+  {{#unless this.currentUserInDnD}}
-      <ChatHeaderIconUnreadIndicator />
+    <ChatHeaderIconUnreadIndicator />
-    {{/unless}}
+  {{/unless}}
-  </span>
+</a>
-{{else}}
-  <a
-    href={{this.href}}
-    tabindex="0"
-    class={{concat-class "icon" (if this.isActive "active")}}
-  >
-    {{d-icon "comment"}}
-
-    {{#unless this.currentUserInDnD}}
-      <ChatHeaderIconUnreadIndicator />
-    {{/unless}}
-  </a>
-{{/if}}

plugins/chat/assets/javascripts/discourse/components/chat-header-icon.js

@@ -1,25 +1,31 @@
 import { inject as service } from "@ember/service";
 import Component from "@glimmer/component";
+import getURL from "discourse-common/lib/get-url";
 
 export default class ChatHeaderIcon extends Component {
   @service currentUser;
   @service site;
   @service chatStateManager;
+  @service router;
 
   get currentUserInDnD() {
     return this.currentUser.isInDoNotDisturb();
   }
 
   get href() {
-    if (this.chatStateManager.isFullPageActive && this.site.mobileView) {
+    if (this.chatStateManager.isFullPageActive) {
-      return "/chat";
+      if (this.site.mobileView) {
+        return getURL("/chat");
+      } else {
+        return getURL(this.router.currentURL);
+      }
     }
 
     if (this.chatStateManager.isDrawerActive) {
-      return "/chat";
+      return getURL("/chat");
-    } else {
-      return this.chatStateManager.lastKnownChatURL || "/chat";
     }
+
+    return getURL(this.chatStateManager.lastKnownChatURL || "/chat");
   }
 
   get isActive() {