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-frontend/src/components/task-management/task-group.tsx

@@ -487,13 +487,40 @@ const TaskGroup: React.FC<TaskGroupProps> = React.memo(({
           transition: all 0.3s ease;
           padding: 0 12px;
           width: 100%;
+          max-width: 500px; /* Fixed maximum width */
+          min-width: 300px; /* Minimum width for mobile */
           min-height: 40px;
           display: flex;
           align-items: center;
+          border-radius: 0 0 6px 6px;
+          margin-left: 0;
+          position: relative;
         }
 
         .task-group-add-task:hover {
           background: var(--task-hover-bg, #fafafa);
+          transform: translateX(2px);
+        }
+
+        /* Responsive adjustments for add task row */
+        @media (max-width: 768px) {
+          .task-group-add-task {
+            max-width: 400px;
+            min-width: 280px;
+          }
+        }
+
+        @media (max-width: 480px) {
+          .task-group-add-task {
+            max-width: calc(100vw - 40px);
+            min-width: 250px;
+          }
+        }
+
+        @media (min-width: 1200px) {
+          .task-group-add-task {
+            max-width: 600px;
+          }
         }
 
         .task-table-fixed-columns {