feat(task-management): enhance task date handling and UI components in TaskListV2

- Added startDate and dueDate fields to task data structure for improved date management.
- Updated TaskRow to include date pickers for start and due dates with clear functionality.
- Enhanced LabelsSelector to support dynamic label rendering and improved visual feedback.
- Refactored AssigneeSelector and CustomColordLabel components for better integration with task data.
- Improved dropdown positioning logic in LabelsSelector for better user experience.
- Added translations for new date-related UI elements in multiple languages.

worklenz-frontend/src/components/CustomNumberLabel.tsx

@@ -1,25 +1,31 @@
 import React from 'react';
 import { Tooltip } from 'antd';
+import { NumbersColorMap } from '@/shared/constants';
 
 interface CustomNumberLabelProps {
   labelList: string[];
   namesString: string;
   isDarkMode?: boolean;
+  color?: string; // Add color prop for label color
 }
 
 const CustomNumberLabel: React.FC<CustomNumberLabelProps> = ({
   labelList,
   namesString,
   isDarkMode = false,
+  color,
 }) => {
+  // Use provided color, or fall back to NumbersColorMap based on first digit
+  const backgroundColor = color || (() => {
+    const firstDigit = namesString.match(/\d/)?.[0] || '0';
+    return NumbersColorMap[firstDigit] || NumbersColorMap['0'];
+  })();
+  
   return (
     <Tooltip title={labelList.join(', ')}>
       <span
-        className={`
-          inline-flex items-center px-2 py-0.5 rounded text-xs font-medium
-          ${isDarkMode ? 'bg-gray-600 text-gray-100' : 'bg-gray-200 text-gray-700'}
-          cursor-help
-        `}
+        className="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium text-white cursor-help"
+        style={{ backgroundColor }}
       >
         {namesString}
       </span>