Created task creation page

src/app/pages/task-create/task-create.component.html

@@ -0,0 +1,56 @@
+<div class="create-task">
+  <div class="card">
+    <h1>Create task</h1>
+
+    @if (errorMessage()) {
+      <div class="error">{{ errorMessage() }}</div>
+    }
+
+    <form (ngSubmit)="onSubmit()" #taskForm="ngForm">
+      <div class="form-group">
+        <label for="title">Task title</label>
+        <input
+          id="title"
+          type="text"
+          name="title"
+          [(ngModel)]="title"
+          placeholder="Enter a task title"
+          required
+        />
+      </div>
+
+      <div class="form-group">
+        <label for="description">Description</label>
+        <textarea
+          id="description"
+          name="description"
+          [(ngModel)]="description"
+          rows="4"
+          placeholder="Enter a task description"
+        ></textarea>
+      </div>
+
+      <div class="form-group">
+        <label for="status">Status</label>
+        <select id="status" name="status" [(ngModel)]="status" required>
+          <option value="pending">Pending</option>
+          <option value="in_progress">In progress</option>
+          <option value="completed">Completed</option>
+          <option value="stashed">Stashed</option>
+          <option value="failed">Failed</option>
+        </select>
+      </div>
+
+      <div class="actions">
+        <button type="button" class="btn-secondary" (click)="onCancel()">Cancel</button>
+        <button type="submit" class="btn-primary" [disabled]="isSaving() || !taskForm.form.valid">
+          @if (isSaving()) {
+            <span>Creating...</span>
+          } @else {
+            <span>Create task</span>
+          }
+        </button>
+      </div>
+    </form>
+  </div>
+</div>