fix: close map object settings

frontend/src/components/maps/LocationMapBottomSheet.jsx

@@ -42,6 +42,7 @@ export default function LocationMapBottomSheet({
   onEditMode,
   onObjectField,
   onZoneLinkChange,
+  onClearSelection,
   onDuplicateObject,
   onDeleteObject,
 }) {
@@ -234,6 +235,7 @@ export default function LocationMapBottomSheet({
             </label>
           </div>
           <div className="location-map-editor-actions">
+            <button type="button" onClick={onClearSelection}>Done</button>
             <button type="button" onClick={onDuplicateObject}>Duplicate</button>
             <button type="button" className="danger" onClick={onDeleteObject}>Delete</button>
           </div>

frontend/src/pages/LocationMapManager.jsx

@@ -529,6 +529,7 @@ export default function LocationMapManager() {
               onEditMode={handleEditMode}
               onObjectField={handleObjectField}
               onZoneLinkChange={handleZoneLinkChange}
+              onClearSelection={() => setSelectedObjectKey(null)}
               onDuplicateObject={handleDuplicateObject}
               onDeleteObject={requestDeleteObject}
             />

frontend/tests/location-map-manager.spec.ts

@@ -914,6 +914,10 @@ test("mobile editor uses bottom sheet controls instead of desktop object toolbar
   await expect(page.getByRole("button", { name: "Objects" })).toHaveClass(/active/);
   await page.locator(".location-map-object", { hasText: "Bakery" }).locator("rect").first().click();
   await expect(page.getByRole("textbox", { name: "Label" })).toBeVisible();
+  await expect(page.locator(".location-map-sheet-header strong")).toHaveText("Bakery");
+  await page.getByRole("button", { name: "Done" }).click();
+  await expect(page.getByRole("textbox", { name: "Label" })).toHaveCount(0);
+  await expect(page.locator(".location-map-sheet-header strong")).toHaveText("Edit Objects");
 });
 
 test("members can view a published map but cannot edit it", async ({ page }) => {