add chat list section

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>
   );
 }