feat(project-view): optimize component loading and enhance configuration

- Introduced lazy loading for project view components and chart components to reduce initial bundle size.
- Centralized Ant Design imports in a new `antd-imports.ts` file for better tree-shaking and maintainability.
- Updated project view header and task list components to utilize centralized imports, improving consistency and performance.
- Enhanced project view constants to streamline component rendering and improve user experience.

worklenz-frontend/src/components/charts/chart-loader.tsx

@@ -0,0 +1,25 @@
+import React, { Suspense } from 'react';
+import { Spin } from 'antd';
+
+// Lazy load chart components to reduce initial bundle size
+const LazyBar = React.lazy(() => import('react-chartjs-2').then(module => ({ default: module.Bar })));
+const LazyDoughnut = React.lazy(() => import('react-chartjs-2').then(module => ({ default: module.Doughnut })));
+
+interface ChartLoaderProps {
+  type: 'bar' | 'doughnut';
+  data: any;
+  options?: any;
+  [key: string]: any;
+}
+
+const ChartLoader: React.FC<ChartLoaderProps> = ({ type, ...props }) => {
+  const ChartComponent = type === 'bar' ? LazyBar : LazyDoughnut;
+  
+  return (
+    <Suspense fallback={<Spin size="large" />}>
+      <ChartComponent {...props} />
+    </Suspense>
+  );
+};
+
+export default ChartLoader;