feat(performance): enhance application performance with optimizations and monitoring

- Updated package dependencies for improved localization support and performance.
- Introduced CSS performance optimizations to prevent layout shifts and enhance rendering efficiency.
- Implemented asset preloading and lazy loading strategies for critical components to improve load times.
- Enhanced translation loading with optimized caching and background loading strategies.
- Added performance monitoring utilities to track key metrics and improve user experience.
- Refactored task management components to utilize new performance features and ensure efficient rendering.
- Introduced new utility functions for asset and CSS optimizations to streamline resource management.

worklenz-frontend/src/index.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
+import './styles/performance-optimizations.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
 import './i18n';
@@ -10,12 +11,16 @@ import { applyCssVariables } from './styles/colors';
 import { ConfigProvider, theme } from 'antd';
 import { colors } from './styles/colors';
 import { getInitialTheme } from './utils/get-initial-theme';
+import { initializePerformanceMonitoring } from './utils/enhanced-performance-monitoring';
 
 const initialTheme = getInitialTheme();
 
 // Apply CSS variables and initial theme
 applyCssVariables();
 
+// Initialize enhanced performance monitoring
+initializePerformanceMonitoring();
+
 const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
 
 document.documentElement.classList.add(initialTheme);