Modernize React components to functional components with hooks

[TooAngel]

Convert class-based React components to modern functional components with hooks.

Context:

• React 18.3.0 is now in use
• Modern functional components with hooks provide better performance and maintainability
• Current codebase may still have class-based components

Acceptance Criteria:

• Audit existing React components for class-based patterns
• Convert class components to functional components
• Replace lifecycle methods with appropriate hooks (useEffect, etc.)
• Update component imports and exports as needed
• Test component functionality after conversion
• Ensure React Fast Refresh works properly

Priority: Medium