feat(task-phases): enhance phase creation with custom naming and localization updates

- Updated the phase creation logic to allow custom names, defaulting to a generated name if none is provided.
- Modified localization files for multiple languages to improve phase-related text consistency and clarity.
- Enhanced the UI components to reflect the new phase naming functionality and ensure proper integration with the task management system.
- Added dark mode styling for confirmation modals to improve user experience across themes.

worklenz-frontend/src/features/projects/singleProject/phase/PhaseHeader.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import { useSelectedProject } from '../../../../hooks/useSelectedProject';
 import { useAppSelector } from '../../../../hooks/useAppSelector';
 import { Flex } from 'antd';
 import ConfigPhaseButton from './ConfigPhaseButton';
@@ -10,19 +9,13 @@ const PhaseHeader = () => {
   // localization
   const { t } = useTranslation('task-list-filters');
 
-  // get selected project for useSelectedProject hook
-  const selectedProject = useSelectedProject();
-
-  // get phase data from redux
-  const phaseList = useAppSelector(state => state.phaseReducer.phaseList);
-
-  //get phases details from phases slice
-  const phase = phaseList.find(el => el.projectId === selectedProject?.projectId);
+  // get project data from redux
+  const { project } = useAppSelector(state => state.projectReducer);
 
   return (
     <Flex align="center" justify="space-between">
-      {phase?.phase || t('phasesText')}
-      <ConfigPhaseButton color={colors.darkGray} />
+      {project?.phase_label || t('phasesText')}
+      <ConfigPhaseButton />
     </Flex>
   );
 };

worklenz-frontend/src/features/projects/singleProject/phase/phases.slice.ts

@@ -16,9 +16,9 @@ const initialState: PhaseState = {
 
 export const addPhaseOption = createAsyncThunk(
   'phase/addPhaseOption',
-  async ({ projectId }: { projectId: string }, { rejectWithValue }) => {
+  async ({ projectId, name }: { projectId: string; name?: string }, { rejectWithValue }) => {
     try {
-      const response = await phasesApiService.addPhaseOption(projectId);
+      const response = await phasesApiService.addPhaseOption(projectId, name);
       return response;
     } catch (error) {
       return rejectWithValue(error);