Fix business photo upload trigger, expose uploader in details panel, and raise panel z-index

[roy-bme]

Motivation

• Users could not trigger the photo file picker from the business side panel, mobile devices were forced into camera-only mode, and the edit/details panel rendered underneath the Leaflet map preventing interaction.
• Photo upload functionality needed to be available from the main details view without forcing users into edit mode.

Description

• Wired the visible "Add photo" button to the hidden file input by calling the file input ref in handleAddPhotoClick and added a debug console.log("file input clicked") before invoking click().
• Removed the capture="environment" attribute from the file input so OS-level chooser offers camera or library when accept="image/*" is used.
• Open the side panel when selecting a pin by setting selected in handleSelectFromPin and leave a non-editing details view available so photos can be added without entering edit mode; kept editing state for toggling edit UI.
• Increased the side-panel and candidate-panel stacking context to z-[1000] so the panels render above Leaflet tiles/popups and fixed related className changes in components/ops/Map/MapView.tsx.

Testing

• Ran npm run -s lint which completed successfully with only an informational Next.js warning about using <Image /> instead of <img>; no lint errors were reported.

---

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 6:33pm

[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 ↗︎.