[refactor] extract state and logic from element.tsx into React parent component

[divazbozz]

PROD-137

refactor web component properly, see below for details

Changes

• Create AddressSearchApp.tsx — new React parent component that absorbs all state management and business logic from element.tsx

  • 4 state variables (selection, externalAddressId, multipleUtilityResult, multipleAddressResults)
  • All handler functions (handleSelect, handleRedirect, handleUserSelectAddress, handleBack)
  • Modal portal rendering (SelectionModal via createPortal)

• Simplify element.tsx from 241 → 114 lines (-53%) to a thin web component shell

  • Only handles: shadow DOM setup, attribute parsing, single createRoot, CustomEvent dispatching via callback props

• Bug fixes included:

  • Fix createRoot called on every render — now created once in connectedCallback and reused
  • Fix broken disconnectedCallback — properly unmounts the stored root instead of creating a new one
  • Fix overlay wrapper leak — overlayWrapper is now removed from document.body on disconnect
  • Fix bootstrap() called every render — moved to connectedCallback, runs once
  • React state (input value, autocomplete cache) is now preserved across re-renders and modal transitions

Test

address selection + utility modal all good, interaction are good

[devin-ai-integration]

✅ Devin Review: No Issues Found

Devin Review analyzed this PR and found no potential bugs to report.

View in Devin Review to see 6 additional findings.

[devin-ai-integration]

Devin Review found 1 new potential issue.

View 9 additional findings in Devin Review.

[bkobelan]

so clean