[Feat]: FE Challenge

[red-game-dev]

1. Created currency format
2. Single point of export for images
3. Card component that is dumb, but smart enough to handle children passed down for header and content
4. Moved formatSymbolChange to a dedicated utility
5. Added a generic performance monitoring (Temporary) to find what are the bottlenecks in the project - This can be removed later, is just enough to measure performance
6. Added error boundary with components of:

• App error fall back
• Stock list fall back

7. Removed some components for partial rewrite (As per guidelines) and adjust to proper structure in place
8. Improved vite config

• SVGR improvements
• Optimizing dependencies
• CSS improvements
• Vendor chunks

9. Added preloader for optimization of assets
10. Router preloader assets per view - Can specify assets to be loaded or globally on app
11. Added time formatting utility
12. Added Tooltip component for charts as dumb component
13. Fixed race condition in the PriceChart - This was being effected from dispatch as it was not being aborted on useEffect and keep reinitiating new dispatches which will end up fetching multiple times and cause the race condition
14. Improved performance for PerformanceCard to reduce re-renders
15. Rewrite of components for SymbolCard with a new name as StockCard and using Card Component as base - Improved performance from re-renders
16. Checked each component for performance improvements such as using memo and prevent unnecessary re-renders
17. Introduced virtualization of scrollbar on StockCardsList from tankstack - https://github.com/TanStack/virtual
18. Added window size hook as we need to check current window size to handle x amount of items per row
19. Added intersection observable for automatic refresh upon intersecting
20. Introduced pull to refresh + loading on stock cards list
21. Moved Stock animation to dedicated hook
22. Added stocks data hook
23. Extra, but added pull to refresh with loading indicator
24. Added type check for preventing typescript errors and able to find type related issues easier before commit
25. Added eslint to ensure it follows the right principles and code formatting
26. Integrated CSS modules for components and views
27. Using compose for css modules https://github.com/css-modules/css-modules/blob/master/docs/composition.md
28. Updated assets for performance (from png to webp, and svg optimized the structure)
29. Added performance trace and lighthouse results