Advanced Performance: Implement dynamic imports for heavy third-party libraries

### Description
Currently, large mathematical or graphing libraries might be bundled synchronously into the main JavaScript chunk. This bloats the initial payload and slows down the Time to Interactive (TTI) for users who aren't even viewing the interactive charts.

### Proposed Solution
I propose migrating heavy dependencies to dynamic `import()` statements (or `React.lazy()` if applicable). This ensures that the heavy code is only fetched asynchronously over the network when the user actually navigates to a complex view.

**I would love to work on this advanced performance issue under the GSSoC '24 program! Could you please assign it to me?**