feat: adds list editor

feat: adds list editor

projects/mastolists/src/app/followings/list/list.component.html

@@ -0,0 +1,36 @@
+<nb-card>
+    <nb-card-header>
+        <h1>Followings</h1>
+        <div class="divider"></div>
+        <app-filters></app-filters>
+    </nb-card-header>
+    <nb-card-body>
+        <nb-list>
+            <nb-list-item *ngFor="let following of followings$ | async">
+                <app-account [account]="following">
+                    <div body>
+                        <div *ngIf="following.lists.length > 0">
+                            <h4>Lists</h4>
+                            <ul>
+                                <li *ngFor="let list of following.lists">
+                                    <a [routerLink]="['/lists']" [queryParams]="{listId: list.id}">{{list.title}}</a>
+                                    <nb-icon icon="trash-2-outline" class="nb-icon-remove"
+                                             (click)="removeAccountFromList(following.id, list.id)"></nb-icon>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div footer>
+                        <select class="list-select" #listSelect>
+                            <option *ngFor="let list of lists$ | async" [value]="list.id">{{list.title}}</option>
+                        </select>
+                        <button class="add-to-list-button" nbButton
+                                status="basic"
+                                (click)="addAccountToSelectedList(following.id, listSelect)">Add to list
+                        </button>
+                    </div>
+                </app-account>
+            </nb-list-item>
+        </nb-list>
+    </nb-card-body>
+</nb-card>