[Public user] Implement "View point details" and available options for interaction with a map point

[overeha]

User Story
As a user, I want to view details about a point on the map.

---

Description
If I click on a point on the map I will be prompted with a non-modal dalogue displaying information about that point. The dialogue presents me with three options of interaction with the point itself - "Mergi la punct", "Raporteaza o problems", "Distribuie". (detailed below)

Details for each point are displayed in a non-modal dialogue (pop-up) See figma

The dialogue can be triggered by click on pin on map OR click on list in search results (see below for search results behaviour).

There are slight variations between the variables displayed in each details dialogue
Dialogues with point details are non-modal, meaning that the dialogue’s presence does not block the other elements in page (users can still interact with the map or other elements)

The dialogue can be closed by clicking on X

Only one selected (in-focus) point + details dialogue can be open at the same time. If a point is selected, clicking on another one will close the current non-modal pop-up and open the second one.

A pin on focus on the map should be highlighted

Main Flow

1. Perform a search or just enter the platform
2. See displayed pins
3. Select a pin
4. View information about the pin
   4.1. Select "Mergi la locatie" - triggers Google Maps to see directions to get to the point.
   4.2. Select "Raporteaza o problems" - trigers the report an issue flow
   4.3. Select "Distribuie" - triggers a modal that allows you to select sharing on social channels: facebook, WhatsApp, email (as a minimum)

See figma for this here