UX: chat index mini refactor (#29082)

plugins/chat/assets/stylesheets/common/index.scss

@@ -34,7 +34,6 @@
 @import "chat-reply";
 @import "chat-replying-indicator";
 @import "chat-selection-manager";
-@import "chat-side-panel";
 @import "chat-skeleton";
 @import "chat-thread";
 @import "chat-side-panel-resizer";

plugins/chat/assets/stylesheets/desktop/chat-side-panel.scss

@@ -1,7 +1,6 @@
 #main-chat-outlet.chat-view {
   min-height: 0;
   display: grid;
-  grid-template-rows: 100%;
   grid-template-areas: "main threads";
   grid-template-columns: 1fr auto;
 }

plugins/chat/assets/stylesheets/desktop/index.scss

@@ -8,4 +8,5 @@
 @import "chat-channel-info";
 @import "chat-message-creator";
 @import "chat-message-thread-indicator";
+@import "chat-side-panel";
 @import "sidebar-extensions";

plugins/chat/assets/stylesheets/mobile/chat-footer.scss

@@ -1,5 +1,7 @@
 .full-page-chat {
   #main-chat-outlet.chat-view {
+    display: grid;
+    grid-template-rows: 1fr auto;
     grid-template-areas:
       "list"
       "footer";

plugins/chat/assets/stylesheets/mobile/chat-index.scss

@@ -6,6 +6,10 @@
   .chat-channel-name {
     font-size: var(--font-up-1-rem);
   }
+
+  .chat-channel-row:last-of-type {
+    border-bottom: 0;
+  }
 }
 
 .c-routes.--direct-messages,
@@ -13,4 +17,5 @@
 .c-routes.--threads {
   background: var(--primary-very-low);
   max-width: 100vw;
+  padding-bottom: 1rem;
 }

plugins/chat/assets/stylesheets/mobile/chat-side-panel.scss

@@ -1,3 +0,0 @@
-.chat-side-panel {
-  border-left: 0;
-}

plugins/chat/assets/stylesheets/mobile/index.scss

@@ -8,7 +8,6 @@
 @import "chat-selection-manager";
 @import "chat-emoji-picker";
 @import "chat-composer-upload";
-@import "chat-side-panel";
 @import "chat-thread";
 @import "chat-threads-list";
 @import "chat-message-thread-indicator";