Fixed redirect bug + added scrollbar to chatheads

qortal-ui-plugins/plugins/core/messaging/q-chat/q-chat-css.src.js

@@ -193,6 +193,23 @@ export const qchatStyles = css`
       overflow-x: hidden;     
   }
 
+    .people-list ul::-webkit-scrollbar-track {
+        background-color: whitesmoke;
+        border-radius: 7px;
+    }
+
+    .people-list ul::-webkit-scrollbar {
+        width: 6px;
+        border-radius: 7px;
+        background-color: whitesmoke;
+    }
+
+    .people-list ul::-webkit-scrollbar-thumb {
+        background-color: rgb(180, 176, 176);
+        border-radius: 7px;
+        transition: all 0.3s ease-in-out;
+    }
+    
   .chat {
       width: 80vw;
       height: 100vh;

qortal-ui-plugins/plugins/core/messaging/q-chat/q-chat.src.js

@@ -97,6 +97,8 @@ class Chat extends LitElement {
     }   
 
     render() {
+        console.log(12, "q-chat here");
+        console.log(window.location.href);
         return html`
             <div class="container clearfix">
                 <div class="people-list" id="people-list">
@@ -112,12 +114,14 @@ class Chat extends LitElement {
                     </ul>
                     <div class="blockedusers">
                         <div class="groups-button-container">
-                            <a href="/app/group-management">
+                                <button 
-                                <button class="groups-button">
+                                    @click=${() => {
+                                        this.redirectToGroups();
+                                        }}
+                                    class="groups-button">
                                     <mwc-icon>groups</mwc-icon>
                                     ${translate("sidemenu.groupmanagement")}
                                 </button>
-                            </a>
                             ${this.groupInvites.length > 0 ? (
                                 html`                                
                                 <div class="groups-button-notif">
@@ -463,6 +467,10 @@ class Chat extends LitElement {
         }
     }
 
+    redirectToGroups() {
+        window.location.href = `../../group-management/index.html`
+    }
+
     setChatEditor(editor) {
         this.chatEditor = editor;
     }