Finished implementing user settings -> security

src/app/chat/chat.html

@@ -4,10 +4,6 @@
   <ul>
     <li>{{ "chat.changeLogDialog.changeLog.1"|translate }}</li>
     <li>{{ "chat.changeLogDialog.changeLog.2"|translate }}</li>
-    <li>{{ "chat.changeLogDialog.changeLog.3"|translate }}</li>
-    <li>{{ "chat.changeLogDialog.changeLog.4"|translate }}</li>
-    <li>{{ "chat.changeLogDialog.changeLog.5"|translate }}</li>
-    <li>{{ "chat.changeLogDialog.changeLog.6"|translate }}</li>
   </ul>
 
   <button tuiButton iconStart="@tui.check"
@@ -16,7 +12,7 @@
 </ng-template>
 
 <ng-template [(tuiDialog)]="userSettingsOpen" [tuiDialogOptions]="{closable: false, appearance: 'taiga big'}" class="user-settings">
-  <user-settings/>
+  <user-settings (close)="userSettingsOpen.set(false)"/>
 </ng-template>
 
 @if (serviceManager.currentSession() == null) {
@@ -40,7 +36,7 @@
             </button>
           </tui-segmented>
 
-          <button id="bottom_btn" tuiButton appearance="flat" disabled>
+          <button id="bottom_btn" tuiButton [appearance]="userSettingsOpen() ? 'primary' : 'flat'" (click)="userSettingsOpen.set(true)">
             <tui-icon icon="@tui.cog"/>
           </button>
         </aside>
@@ -94,6 +90,13 @@
                 <network-list [token]="serviceManager.currentSession()!.token"
                               [userid]="serviceManager.currentSession()!.userData.userid"></network-list>
               }
+              @case (2) {
+                <app-picture-list [token]="serviceManager.currentSession()!.token"
+                              [userid]="serviceManager.currentSession()!.userData.userid"></app-picture-list>
+              }
+              @case (3) {
+                <user-settings/>
+              }
             }
           </div>
 
@@ -114,10 +117,10 @@
         </div>
       }
 
-      @if (router.url.startsWith("/chat/dm")) {
+      @if (router.url.startsWith("/chat/dm") || router.url.startsWith("/chat/picture")) {
         <!-- To ensure data is loaded -->
         @defer (when serviceManager.chatsStatus() != LoadStatus.loading) {
-          <router-outlet (activate)="routerOutletActive.set(true)" (deactivate)="routerOutletActive.set(false)"/>
+        <router-outlet (activate)="routerOutletActive.set(true)" (deactivate)="routerOutletActive.set(false)"/>
         }
       } @else if (router.url.startsWith("/chat/network")) {
         @defer (when serviceManager.networksStatus() != LoadStatus.loading) {