Adding pop-up when user wants to create a task : new-task.component. Handle cancel pop-up action.

src/app/tasks/tasks.component.html

@@ -1,8 +1,12 @@
+@if (isAddingTask) {
+  <app-new-task (close)="onStopAddTask()" />
+}
+
 <section id="tasks">
   <header>
     <h2>{{ user.name }}'s Tasks</h2>
     <menu>
-      <button (click)="onAddTask()">Add Task</button>
+      <button (click)="onStartAddTask()">Add Task</button>
     </menu>
   </header>