refactor(task-management): optimize task management components with performance enhancements

- Updated import statements for consistency and clarity.
- Refined task sorting and update logic to improve responsiveness.
- Enhanced error logging for better debugging during task sort order changes.
- Increased overscan count in virtualized task lists for smoother scrolling experience.
- Introduced lazy loading for heavy components to reduce initial load times.
- Improved CSS styles for better responsiveness and user interaction across task management components.

worklenz-backend/src/socket.io/commands/on-task-sort-order-change.ts

@@ -118,7 +118,7 @@ const onTaskSortOrderChange = async (io: Server, socket: Socket, data: ChangeReq
       project_id,
       team_id,
       user_id: userId,
-      update_type: 'task_sort_order_change',
+      update_type: "task_sort_order_change",
       task_id: task.id,
       from_group,
       to_group,
@@ -126,7 +126,7 @@ const onTaskSortOrderChange = async (io: Server, socket: Socket, data: ChangeReq
     };
 
     // Emit to all users in the project room
-    io.to(`project_${project_id}`).emit('project_updates', projectUpdateData);
+    io.to(`project_${project_id}`).emit("project_updates", projectUpdateData);
 
     // PERFORMANCE OPTIMIZATION: Optimized activity logging
     const activityLogData = {
@@ -139,15 +139,15 @@ const onTaskSortOrderChange = async (io: Server, socket: Socket, data: ChangeReq
     // Log activity asynchronously to avoid blocking the response
     setImmediate(async () => {
       try {
-        if (group_by === 'phase') {
+        if (group_by === "phase") {
           await logPhaseChange(activityLogData);
-        } else if (group_by === 'status') {
+        } else if (group_by === "status") {
           await logStatusChange(activityLogData);
-        } else if (group_by === 'priority') {
+        } else if (group_by === "priority") {
           await logPriorityChange(activityLogData);
         }
       } catch (error) {
-        log_error("Error logging task sort order change activity", error);
+        log_error(error);
       }
     });
 
@@ -161,7 +161,7 @@ const onTaskSortOrderChange = async (io: Server, socket: Socket, data: ChangeReq
     });
 
   } catch (error) {
-    log_error("Error in onTaskSortOrderChange", error);
+    log_error(error);
     socket.emit(SocketEvents.TASK_SORT_ORDER_CHANGE.toString(), { 
       error: "Internal server error" 
     });

worklenz-backend/src/socket.io/index.ts

@@ -18,7 +18,7 @@ import { on_task_description_change } from "./commands/on-task-description-chang
 import { on_get_task_progress } from "./commands/on-get-task-progress";
 import { on_task_timer_start } from "./commands/on-task-timer-start";
 import { on_task_timer_stop } from "./commands/on-task-timer-stop";
-import { on_task_sort_order_change } from "./commands/on-task-sort-order-change";
+import on_task_sort_order_change from "./commands/on-task-sort-order-change";
 import { on_join_project_room as on_join_or_leave_project_room } from "./commands/on-join-or-leave-project-room";
 import { on_task_subscriber_change } from "./commands/on-task-subscriber-change";
 import { on_project_subscriber_change } from "./commands/on-project-subscriber-change";