feat: column list on sidebar, scroll to them on click

src/app/components/navigation/sidebar/sidebar.component.html

···
   <div
     class="flex flex-col flex-1 border-r border-primary"
   >
-
+    @for (column of columnService.getColumns()(); track column.uuid; let i = $index) {
+      <button
+        (click)="scrollToColumn(i)"
+        class="leading-6 hover:bg-primary hover:text-bg cursor-pointer text-left px-2"
+      >> {{column.title.toLowerCase()}}</button>
+    }
   </div>
 
   <button

src/app/components/navigation/sidebar/sidebar.component.ts

···
 import {ChangeDetectionStrategy, Component} from '@angular/core';
 import {PostService} from '@services/post.service';
 import {DialogService} from '@services/dialog.service';
+import {ColumnService} from '@services/column.service';
 
 @Component({
   selector: 'sidebar',
···
 export class SidebarComponent {
   constructor(
     protected postService: PostService,
-    protected dialogService: DialogService
+    protected dialogService: DialogService,
+    protected columnService: ColumnService
   ) {}
 
+  scrollToColumn(index: number) {
+    document.querySelector('deck > div').children[index].scrollIntoView({
+      behavior: 'smooth'
+    });
+  }
 }

src/app/services/column.service.ts

···
 
   public createTimelineColumn() {
     let column = new TimelineDeckColumn();
-    column.title = 'Home';
+    column.title = 'home';
     column.index = columns().length;
     this.addColumn(column);
   }
 
   public createNotificationsColumn() {
     let column = new NotificationDeckColumn();
-    column.title = 'Notifications';
+    column.title = 'notifications';
     column.index = columns().length;
     this.addColumn(column);
   }
 
   public createAuthorColumn(author: Partial<{did: string, handle: string, displayName: string}>) {
     let column = new AuthorDeckColumn();
+    column.title = author.handle;
     column.did = author.did;
     column.handle = author.handle;
     column.displayName = author.displayName;
···
 
   public createSearchColumn(query: string, sort: 'top' | 'latest') {
     let column = new SearchDeckColumn();
+    column.title = query;
     column.query = query;
     column.sort = sort;
     column.index = columns().length;