Fix business edit panel fields not labeled or pre-populated

[roy-bme]

Motivation

• The map-side business edit panel rendered a stack of unlabeled empty inputs when entering edit mode because the form state was not initialized from the selected business.
• Users need to see field labels and the current business values when editing so they can understand and update records reliably.

Description

• Added a buildFormFromBusiness helper that maps a MapBusiness into string-valued form state (including joining arrays into comma-separated strings).
• Initialize form state from the selected business in handleSelectFromPin and also populate the form when the Edit button is clicked so edit mode opens with existing values.
• Replaced the unlabeled input stack with a labeled layout that includes Name, Sector, Decision maker, Decision maker title, Phone, Email, LinkedIn, Est. Monthly Volume, ZIMX fit score, Key suppliers, Key customers, Pain points, Zone (select), and Notes (textarea).
• Preserved existing save flow while ensuring the form fields are bound to the populated form state before saving.

Testing

• Ran lint with npm run -s lint, which completed successfully (there is an unrelated existing Next.js no-img-element warning reported).
• No additional automated tests were added or run in this PR.

---

Codex Task

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
blackmasswebsite	Ready	Preview, Comment	May 14, 2026 7:46pm

[supabase]

This pull request has been ignored for the connected project ipqmdinidqpmchggjdov because there are no changes detected in supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.

---

Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.