semantic markup update

frontend/src/components/TaskList.svelte

@@ -17,6 +17,8 @@
 
   // [DEF:getStatusColor:Function]
   // @PURPOSE: Returns the CSS color class for a given task status.
+  // @PRE: status string is provided.
+  // @POST: Returns tailwind color class string.
   function getStatusColor(status: string) {
     switch (status) {
       case 'SUCCESS': return 'bg-green-100 text-green-800';
@@ -32,6 +34,8 @@
 
   // [DEF:formatTime:Function]
   // @PURPOSE: Formats a date string using date-fns.
+  // @PRE: dateStr is a valid date string or null.
+  // @POST: Returns human-readable relative time string.
   function formatTime(dateStr: string | null) {
     if (!dateStr) return 'N/A';
     try {
@@ -44,6 +48,8 @@
 
   // [DEF:handleTaskClick:Function]
   // @PURPOSE: Dispatches a select event when a task is clicked.
+  // @PRE: taskId is provided.
+  // @POST: 'select' event is dispatched with task ID.
   function handleTaskClick(taskId: string) {
     dispatch('select', { id: taskId });
   }