add chat list section

src/Tabs/messageTab.tsx

@@ -1,6 +1,6 @@
 import * as React from "bloatless-react";
 
-import { closeChat, selectedChat } from "../Model/model";
+import { closeChatView, selectedChat } from "../Model/model";
 
 import { MessageComposer } from "../Views/messageComposer";
 import { ThreadView } from "../Views/threadView";
@@ -25,7 +25,7 @@ export function MessageTab() {
       <article id="message-tab">
         <header class="padding-0">
           <span class="flex-row align-center">
-            <button aria-label={translation.back} on:click={closeChat}>
+            <button aria-label={translation.back} on:click={closeChatView}>
               <span class="icon">arrow_back</span>
             </button>
 

src/Tabs/settingsTab.tsx

@@ -1,5 +1,6 @@
 import * as React from "bloatless-react";
 
+import { ChatListSection } from "../Views/chatListSection";
 import { ConnectionSection } from "../Views/connectionSection";
 import { isConnected } from "../Model/model";
 import { translation } from "../translations";
@@ -8,7 +9,10 @@ export function SettingsTab() {
   return (
     <article id="settings-tab" toggle:connected={isConnected}>
       <header>{translation.overview}</header>
-      <div>{ConnectionSection()}</div>
+      <div class="flex-column large-gap">
+        {ConnectionSection()}
+        {ChatListSection()}
+      </div>
     </article>
   );
 }