feat: add task deletion

frontend/src/styles.css

@@ -260,6 +260,34 @@ textarea {
   gap: 0.75rem;
 }
 
+.task-card-actions {
+  display: flex;
+  flex: 0 0 auto;
+  align-items: center;
+  gap: 0.35rem;
+}
+
+.task-delete-button {
+  display: inline-grid;
+  width: 2.5rem;
+  height: 2.5rem;
+  padding: 0;
+  place-items: center;
+  color: #64748b;
+  background: transparent;
+}
+
+.task-delete-button:hover,
+.task-delete-button:focus-visible {
+  color: #991b1b;
+  background: #fee2e2;
+}
+
+.task-delete-button:focus-visible {
+  outline: 2px solid #dc2626;
+  outline-offset: 2px;
+}
+
 .points-badge {
   flex: 0 0 auto;
   padding: 0.2rem 0.5rem;
@@ -327,6 +355,29 @@ textarea {
   margin: 0;
 }
 
+.delete-task-modal p {
+  margin: 0 0 1rem;
+}
+
+.delete-task-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 0.75rem;
+}
+
+.delete-task-actions .secondary {
+  margin-top: 0;
+}
+
+.danger {
+  background: #b91c1c;
+}
+
+.danger:hover,
+.danger:focus-visible {
+  background: #991b1b;
+}
+
 .close-button {
   padding: 0.2rem 0.55rem;
   color: #475569;