Feat/improve UI loading

[trungbach]

This pull request includes several updates to improve the efficiency and maintainability of the codebase, particularly focusing on the initialization and usage of the tokenInspector instance, as well as optimizing the loading of components.

Token Inspector Initialization and Usage:

• src/initTokenInspector.ts: Refactored the initialization of the tokenInspector instance to use a singleton pattern, ensuring it is only created once and reused across the application.
• src/pages/Pool-V3/hooks/useGetPoolList.ts: Updated to use the new getTokenInspectorInstance function for fetching token data. [1] [2]
• src/pages/Pools/hooks/hooks.ts: Replaced direct usage of tokenInspector with the new getTokenInspectorInstance function in multiple locations to ensure consistent initialization. [1] [2] [3]
• src/reducer/onchainTokens.ts: Modified to use the getTokenInspectorInstance function for inspecting tokens. [1] [2]

Component Loading Optimization:

• src/routes.tsx: Refactored to use React's lazy and Suspense for dynamic import of components, improving the initial load time and rendering performance.

Miscellaneous Changes:

• index.html: Changed the Google Analytics script to load with defer instead of async to ensure it doesn't block other critical resources.
• src/layouts/App.tsx: Removed the unused import of LoadingPage to clean up the code.
• src/pages/Balance/index.tsx: Removed commented-out code related to dynamic bridge support for Solana.

[cloudflare-workers-and-pages]

Deploying beta-oraidex with    Cloudflare Pages

Latest commit:	ec52dfd
Status:	✅  Deploy successful!
Preview URL:	https://ffd4912d.beta-oraidex.pages.dev
Branch Preview URL:	https://develop-v3.beta-oraidex.pages.dev

View logs

[vuonghuuhung]

Not Too Bad