Code Modularization and UI changes

[saikiranAnnam]

This PR focuses on improving the SWE site's structure, maintainability, and user interface. Previously, all logic and functionality were handled in a single swe.js file, making the codebase difficult to maintain and extend. To address this, the following changes were made:

1. Code Modularization:

   • Separated logic from swe.js into multiple modules based on functionality:
     • map.js for map initialization and layer handling.
     • datepicker.js for datepicker setup and logic.
     • geotiff.js for handling GeoTIFF layers.
     • legend.js for creating and adding legends to the map.
     • events.js for button and map interaction listeners.
     • utils.js for reusable utility functions like copyCoordinates.
   • Improved code readability and ensured easier debugging.

2. UI Enhancements:

   • Redesigned the control panel and legend for a more polished and user-friendly interface.
   • Adjusted spacing, alignment, and colors to improve aesthetics and usability.
   • Fixed layout issues like overlapping zoom controls and misaligned elements.

Before :

After :

3. Before and After Screenshots:
   • Included before and after images showcasing the updated UI changes for clarity.

Impact:

• Improved maintainability of the codebase by modularizing swe.js.
• Enhanced user experience with a more modern and visually appealing UI.
• Simplified future updates by logically grouping functionality into separate files.

[saikiranAnnam]

I moved to index.html into src file

[saikiranAnnam]

moved to src folder