style(task-list): improve view

- align paddings
- convert list to flex
- add divider

src/app/features/tasks/task-list.ts

@@ -24,15 +24,19 @@ import { lucideCircleX, lucideSquarePlus } from '@ng-icons/lucide';
       </a>
     </section>
     <section class="result">
-      @for (task of filteredTasks(); track $index) {
+      @for (task of filteredTasks(); track task.id) {
         <ksk-crm-task-item [task]="task" />
+        @if (!$last) {
+          <hr />
+        }
+      } @empty {
+        <p>Список пуст</p>
       }
     </section>
   `,
   styles: `
     .topBar {
       display: flex;
-      padding-top: 1rem;
 
       .input-wrapper {
         display: inline-flex;
@@ -70,6 +74,17 @@ import { lucideCircleX, lucideSquarePlus } from '@ng-icons/lucide';
 
     .result {
       margin-top: 20px;
+      display: flex;
+      flex-direction: column;
+
+      > p {
+        text-align: center;
+      }
+    }
+
+    hr {
+      border: 1px solid var(--color-primary);
+      opacity: 0.3;
     }
   `,
 })
@@ -77,7 +92,6 @@ export class TaskList {
   taskService: TaskService = inject(TaskService);
 
   tasks = resource<Task[], null>({
-    params: signal(null),
     loader: () => this.taskService.getAllTasks(),
   });