feat(task-management): centralize Ant Design imports and enhance task components

- Introduced a new `antd-imports.ts` file to centralize Ant Design component imports, optimizing tree-shaking and improving maintainability.
- Updated various task management components (e.g., TaskRow, TaskGroup, VirtualizedTaskList) to utilize centralized imports, ensuring consistent styling and configuration.
- Enhanced task filtering and display features by adding new fields (e.g., start date, due date, estimation) to task components for improved usability.
- Refactored date handling in task components to utilize memoization for performance optimization.
- Improved overall styling and responsiveness of task management components, particularly in dark mode.

worklenz-frontend/src/components/task-management/task-group.tsx

@@ -1,9 +1,15 @@
-import React, { useState, useMemo, useCallback } from 'react';
+import React, { useState, useMemo, useCallback, useEffect } from 'react';
 import { useDroppable } from '@dnd-kit/core';
 import { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
 import { useSelector } from 'react-redux';
-import { Button, Typography } from 'antd';
-import { PlusOutlined, RightOutlined, DownOutlined } from '@ant-design/icons';
+import { 
+  Button, 
+  Typography,
+  taskManagementAntdConfig,
+  PlusOutlined, 
+  RightOutlined, 
+  DownOutlined 
+} from './antd-imports';
 import { TaskGroup as TaskGroupType, Task } from '@/types/task-management.types';
 import { taskManagementSelectors } from '@/features/task-management/task-management.slice';
 import { RootState } from '@/app/store';
@@ -72,6 +78,8 @@ const TaskGroup: React.FC<TaskGroupProps> = React.memo(({
   // Get field visibility from taskListFields slice
   const taskListFields = useSelector((state: RootState) => state.taskManagementFields) as TaskListField[];
 
+
+
   // Define all possible columns
   const allFixedColumns = [
     { key: 'drag', label: '', width: 40, alwaysVisible: true },
@@ -81,12 +89,22 @@ const TaskGroup: React.FC<TaskGroupProps> = React.memo(({
   ];
 
   const allScrollableColumns = [
+    { key: 'description', label: 'Description', width: 200, fieldKey: 'DESCRIPTION' },
     { key: 'progress', label: 'Progress', width: 90, fieldKey: 'PROGRESS' },
     { key: 'members', label: 'Members', width: 150, fieldKey: 'ASSIGNEES' },
     { key: 'labels', label: 'Labels', width: 200, fieldKey: 'LABELS' },
+    { key: 'phase', label: 'Phase', width: 100, fieldKey: 'PHASE' },
     { key: 'status', label: 'Status', width: 100, fieldKey: 'STATUS' },
     { key: 'priority', label: 'Priority', width: 100, fieldKey: 'PRIORITY' },
     { key: 'timeTracking', label: 'Time Tracking', width: 120, fieldKey: 'TIME_TRACKING' },
+    { key: 'estimation', label: 'Estimation', width: 100, fieldKey: 'ESTIMATION' },
+    { key: 'startDate', label: 'Start Date', width: 120, fieldKey: 'START_DATE' },
+    { key: 'dueDate', label: 'Due Date', width: 120, fieldKey: 'DUE_DATE' },
+    { key: 'dueTime', label: 'Due Time', width: 100, fieldKey: 'DUE_TIME' },
+    { key: 'completedDate', label: 'Completed Date', width: 130, fieldKey: 'COMPLETED_DATE' },
+    { key: 'createdDate', label: 'Created Date', width: 120, fieldKey: 'CREATED_DATE' },
+    { key: 'lastUpdated', label: 'Last Updated', width: 130, fieldKey: 'LAST_UPDATED' },
+    { key: 'reporter', label: 'Reporter', width: 100, fieldKey: 'REPORTER' },
   ];
 
   // Filter columns based on field visibility
@@ -150,6 +168,8 @@ const TaskGroup: React.FC<TaskGroupProps> = React.memo(({
     return { isAllSelected, isIndeterminate };
   }, [groupTasks, selectedTaskIds]);
 
+
+
   // Get group color based on grouping type - memoized
   const groupColor = useMemo(() => {
     if (group.color) return group.color;
@@ -218,8 +238,7 @@ const TaskGroup: React.FC<TaskGroupProps> = React.memo(({
                 style={{ backgroundColor: groupColor }}
               >
                 <Button
-                  type="text"
-                  size="small"
+                  {...taskManagementAntdConfig.taskButtonDefaults}
                   icon={isCollapsed ? <RightOutlined /> : <DownOutlined />}
                   onClick={handleToggleCollapse}
                   className="task-group-header-button"
@@ -290,6 +309,7 @@ const TaskGroup: React.FC<TaskGroupProps> = React.memo(({
                         <br />
                         <Button
                           type="link"
+                          {...taskManagementAntdConfig.taskButtonDefaults}
                           icon={<PlusOutlined />}
                           onClick={handleAddTask}
                           className="mt-2"