perf: Memoize ToggleButton.tsx and specific toggles

[VIKTORVAV99]

Issue

These toggles are re-rendered often even if their states or props don't change.

Description

Memoizes the toggles, moves out the object declaration to outside the function so it's stable and uses useCallbacks to ensure the internal functions are stable between renders.

Double check

• I have run pnpx prettier@2 --write . and poetry run format in the top level directory to format my changes.

Copilot reviewed 4 out of 4 changed files in this pull request and generated no comments.

Comments suppressed due to low confidence (2)

web/src/features/map-controls/ConsumptionProductionToggle.tsx:23

• The onSetCurrentMode function should check if the option is different from currentMode before calling trackEvent and setCurrentMode.

const onSetCurrentMode = useCallback(

web/src/features/map-controls/SpatialAggregatesToggle.tsx:23

• [nitpick] The function name 'onSetCurrentMode' is ambiguous. It should be renamed to 'handleModeChange' or something more descriptive.

const onSetCurrentMode = useCallback(

[tonypls]

LGTM!