Issue 40 - Render Img Bubbles on Map (frontend) #283
Description
Currently the map shows pin Marker for the images but we want a bubble like component over the maps. Which on click opens a Snap.
so the flow will be like this , user navigates on the map then saw the bubble clicks on it the image gets opened up in a React Component that you will Write in frontend/src/screens/SnapScreen.tsx like the below image , bottom images for now can be the remaining photos that get's fetched from the api/v1/photos/all-photos endpoint for now . (Later we will replace this with to show only nearby Snaps only)
Figma Link: https://www.figma.com/design/EYPkhMV6IvNzmH28nVwQd8/SnapMap?node-id=106-4841&t=oEdtEpXrc4NbzwGb-0
Follow the Design Strictly and Ensure previous implementation is intacted.
