The ThemeToggle component is a button that allows users to switch between light and dark map themes.

Key features:

• Displays a moon icon (🌙) when the current theme is light.
• Displays a sun icon (☀️) when the current theme is dark.
• Accepts two props:
  • theme: a string indicating the current theme ('light' or 'dark').
  • toggleTheme: a callback function to switch between themes.
• Positioned absolutely near the bottom-right corner of the map UI, just below the zoom controls.
• Styled via themeToggle.css to visually harmonize with other UI controls, including smooth hover effects and rounded corners.
• Includes unit tests that confirm correct icon rendering and verify the toggle callback is triggered on button click.

Files included:

• ThemeToggle.tsx — component implementation.
• themeToggle.css — styling for positioning and visuals.
• ThemeToggle.test.tsx — tests for functionality and rendering.