Implement Individual Graffito Showcase Page

[jonaschlegel]

To provide detailed information and a closer look at each graffito, an individual showcase page should be implemented, accessible by clicking on a table row or map marker.

Tasks:

1. Design Showcase Page: Determine the layout and elements to be displayed on the individual graffito page. This might include high-resolution images, artist details, location, date, and any other relevant information.
2. Linking from Data Table and Map: Ensure that clicking on a row in the data table or a marker on the map redirects the user to the respective graffito's showcase page.
3. Navigation: Implement easy navigation options to go back to the main table or map view from the showcase page.

Additional Context: The individual showcase page will offer users a deeper insight into each graffito, enhancing the platform's informational value.

[jonaschlegel]

Page available and linked to the data table. Also, easy navigation was added. Next: better design of the graffito page.

[jonaschlegel]

After thorough examination and deliberation, I have opted to implement an overlay rather than a dedicated page for the GraffitoOverlay. The primary rationale behind this decision is to preserve the user's last view. It is of paramount importance to ensure that the user experience remains uninterrupted and that the user's last point of interaction is retained. This approach not only enhances the fluidity of the interface but also aligns with the overarching design principles we aim to uphold.

I have made several enhancements to the GraffitoOverlay. Firstly, I've incorporated a larger image of the graffito to ensure that users can view the graffito in greater detail. This is complemented by the addition of metadata pertaining to the graffito, providing users with contextual information about the piece. Furthermore, I've integrated a concise Leaflet map that exclusively displays the location of the graffito in question. This focused approach ensures that users can quickly ascertain the geographical context of the artwork without unnecessary distractions. To enhance user experience and navigation, a closing button has also been added. This allows users to easily exit the overlay and return to their previous view.