Fix dynamic JS import and add missing scripts for colormaps

[Navxihziq]

This PR addresses several issues related to dynamic JavaScript packages imports and the not displayed colormap.

1. JavaScript package loading order
   The script loading mechanism in index.tsx has been modified to ensure that JavaScript packages are imported sequentially. This should fix the issues with the vanishing overlay and feature groups caused by dependencies not being loaded in the correct order.

2. Colormap display
   The d3 package, required for displaying the colormap, has been manually included. The previous dynamic JS and CSS dependency detection in __init__.py did not work for branca.colormap.ColorMap objects, leading to the colormap not being displayed.

With these changes, the dynamic package loading and colormap display issues should be resolved.

[Navxihziq]

The new commit adds the view change detection section to the index.tsx file, which was unintentionally omitted in the previous commit. The overall functionalities, including multiple feature groups loading and customized colormap legend displaying have been (momentarily) tested!

[randyzwitch]

@blackary The way I hear these issues people are having, it sounds like a race condition to me. For a common dependency like d3, I wonder if we should just add it to the JS component side of the house. Though, I'm not exactly certain the browser behavior if you have a dependency specified, then specify it again dynamically like this package now does

[blackary]

@Navxihziq Currently the tests are failing from some small type-hint and formatting issues, you please use pre-commit to fix the linting issues, or fix them manually, or allow admins to commit to your branch?

[Navxihziq]

@blackary Fixed!

[blackary]

nitpick: Because of line 1, you can just use list[str] instead of importing List

[Navxihziq]

Update committed!

[blackary]

Looks good to me, and all the tests pass 👍