fix: kanbanboard and dashboard ui

TaskTrackingSystem.WebApp/Components/App.razor

@@ -128,6 +128,42 @@
                         800: semanticGreenText,
                         900: semanticGreenText
                     },
+                    teal: {
+                        50: "#F0FDFA",
+                        100: "#CCFBF1",
+                        200: "#99F6E4",
+                        300: "#5EEAD4",
+                        400: "#2DD4BF",
+                        500: "#14B8A6",
+                        600: "#0D9488",
+                        700: "#0F766E",
+                        800: "#115E59",
+                        900: "#134E4A"
+                    },
+                    cyan: {
+                        50: "#ECFEFF",
+                        100: "#CFFAFE",
+                        200: "#A5F3FC",
+                        300: "#67E8F9",
+                        400: "#22D3EE",
+                        500: "#06B6D4",
+                        600: "#0891B2",
+                        700: "#0E7490",
+                        800: "#155E75",
+                        900: "#164E63"
+                    },
+                    sky: {
+                        50: "#F0F9FF",
+                        100: "#E0F2FE",
+                        200: "#BAE6FD",
+                        300: "#7DD3FC",
+                        400: "#38BDF8",
+                        500: "#0EA5E9",
+                        600: "#0284C7",
+                        700: "#0369A1",
+                        800: "#075985",
+                        900: "#0C4A6E"
+                    },
                     blue: {
                         50: semanticNeutralBg,
                         100: semanticNeutralBg,
@@ -442,18 +478,6 @@
                 initFlatpickr();
             }
         }
-        window.taskKanban = {
-            draggedTaskId: null,
-            setDraggedTask(taskId) {
-                this.draggedTaskId = taskId?.toString() ?? null;
-            },
-            getDraggedTask() {
-                return this.draggedTaskId;
-            },
-            clearDraggedTask() {
-                this.draggedTaskId = null;
-            }
-        };
         const themePreferenceStorageKey = 'tts-theme';
         const normalizeThemePreference = theme =>
             theme === 'dark' || theme === 'light' ? theme : 'light';

TaskTrackingSystem.WebApp/Components/Pages/KanbanBoard.razor

@@ -77,7 +77,7 @@
             @foreach (var column in columns)
             {
                 var tasksInColumn = VisibleTasks.Where(t => t.StatusId == column.StatusId).ToList();
-                <div class="flex flex-col rounded-xl border border-slate-200 bg-slate-50/50 overflow-hidden min-h-[400px]">
+                <div @key="column.StatusId" class="flex flex-col rounded-xl border border-slate-200 bg-slate-50/50 overflow-hidden min-h-[400px]">
                     <!-- Column Header -->
                     <div class="flex items-center justify-between px-4 py-3 bg-white border-b border-slate-100">
                         <div class="flex items-center space-x-2">
@@ -98,7 +98,7 @@
                         {
                             @foreach (var task in tasksInColumn)
                             {
-                                <div class="rounded-lg border border-slate-200 bg-white p-4 shadow-sm hover:shadow-md transition-shadow @(canUpdateTask ? "cursor-grab active:cursor-grabbing" : "cursor-default")"
+                                <div @key="task.Id" class="rounded-lg border border-slate-200 bg-white p-4 shadow-sm hover:shadow-md transition-shadow @(canUpdateTask ? "cursor-grab active:cursor-grabbing" : "cursor-default")"
                                      data-task-id="@task.Id"
                                      draggable="@canUpdateTask" 
                                      @ondragstart="() => HandleDragStart(task)"
@@ -268,15 +268,16 @@
             ? tasks.Where(t => t.ProjectId == selectedProjectId)
             : tasks;
 
-    private async Task HandleDragStart(TaskDto task)
+    private Task HandleDragStart(TaskDto task)
     {
         if (!canUpdateTask)
         {
-            return;
+            return Task.CompletedTask;
         }
 
         draggedTask = task;
-        await JS.InvokeVoidAsync("taskKanban.setDraggedTask", task.Id);
+        dropTargetStatus = null;
+        return Task.CompletedTask;
     }
 
     private void HandleDragOver()
@@ -300,14 +301,6 @@
     private async Task HandleDrop(AppTaskStatus newStatusId)
     {
         var taskToMove = draggedTask;
-        if (taskToMove == null)
-        {
-            var draggedTaskId = await JS.InvokeAsync<string?>("taskKanban.getDraggedTask");
-            if (long.TryParse(draggedTaskId, out var id))
-            {
-                taskToMove = tasks.FirstOrDefault(t => t.Id == id);
-            }
-        }
 
         if (taskToMove != null && taskToMove.StatusId != newStatusId)
         {
@@ -316,14 +309,13 @@
 
         draggedTask = null;
         dropTargetStatus = null;
-        await JS.InvokeVoidAsync("taskKanban.clearDraggedTask");
     }
 
-    private async Task HandleDragEnd()
+    private Task HandleDragEnd()
     {
         draggedTask = null;
         dropTargetStatus = null;
-        await JS.InvokeVoidAsync("taskKanban.clearDraggedTask");
+        return Task.CompletedTask;
     }
 
     protected override async Task OnInitializedAsync()