feat(task-management): enhance task components with performance optimizations and new status field

- Rearranged the order of task fields in the dropdown for better usability.
- Introduced a new CSS file for task row optimizations, improving rendering performance and responsiveness.
- Added utility functions for date formatting and performance monitoring to enhance task management efficiency.
- Updated TaskRow and TaskStatusDropdown components to improve rendering and user experience, including better handling of status display and dark mode support.
- Integrated new status field into various task management components, ensuring consistent visibility and functionality across the application.

worklenz-frontend/src/pages/projects/project-view-1/task-list/task-list-columns/task-list-columns.tsx

@@ -111,6 +111,24 @@ export const createColumns = ({
       ),
     }),
 
+    columnHelper.accessor('status', {
+      header: 'Status',
+      id: COLUMN_KEYS.STATUS,
+      size: 120,
+      enablePinning: false,
+      cell: ({ row }) => (
+        <StatusDropdown
+          key={`${row.original.id}-status`}
+          statusList={statuses}
+          task={row.original}
+          teamId={getCurrentSession()?.team_id || ''}
+          onChange={statusId => {
+            console.log('Status changed:', statusId);
+          }}
+        />
+      ),
+    }),
+
     columnHelper.accessor('names', {
       header: 'Assignees',
       id: COLUMN_KEYS.ASSIGNEES,
@@ -163,24 +181,6 @@ export const createColumns = ({
       cell: ({ row }) => <TaskRowDueTime dueTime={row.original.due_time || ''} />,
     }),
 
-    columnHelper.accessor('status', {
-      header: 'Status',
-      id: COLUMN_KEYS.STATUS,
-      size: 120,
-      enablePinning: false,
-      cell: ({ row }) => (
-        <StatusDropdown
-          key={`${row.original.id}-status`}
-          statusList={statuses}
-          task={row.original}
-          teamId={getCurrentSession()?.team_id || ''}
-          onChange={statusId => {
-            console.log('Status changed:', statusId);
-          }}
-        />
-      ),
-    }),
-
     columnHelper.accessor('labels', {
       header: 'Labels',
       id: COLUMN_KEYS.LABELS,

worklenz-frontend/src/pages/projects/project-view-1/taskList/taskListTable/columns/columnList.ts

@@ -22,6 +22,11 @@ export const columnList: CustomTableColumnsType[] = [
     columnHeader: 'progress',
     width: 60,
   },
+  {
+    key: 'status',
+    columnHeader: 'status',
+    width: 120,
+  },
   {
     key: 'members',
     columnHeader: 'members',
@@ -37,11 +42,6 @@ export const columnList: CustomTableColumnsType[] = [
     columnHeader: phaseHeader,
     width: 150,
   },
-  {
-    key: 'status',
-    columnHeader: 'status',
-    width: 120,
-  },
   {
     key: 'priority',
     columnHeader: 'priority',