Implement lazy loading for Angular routes

[coder-contrib-bot]

Description

The current application loads all components upfront, which can lead to longer initial load times. Implementing lazy loading for Angular routes will improve the app's performance and reduce the initial bundle size.

Implementation Details

1. Refactor the Angular routing module to use lazy loading
2. Update the app.module.ts to remove eagerly loaded components
3. Create separate modules for each major feature (e.g., article, profile, editor)
4. Update the routing configuration to use loadChildren for lazy-loaded routes
5. Implement preloading strategy for improved user experience

Benefits

• Faster initial load time
• Reduced main bundle size
• Improved performance on low-end devices and slow networks
• Better scalability for future feature additions

Testing

• Measure initial load time before and after implementation
• Check bundle sizes using source-map-explorer
• Test navigation performance between routes
• Ensure all features still work correctly after refactoring