Add: Tailwind Utility-Klassen für verbesserte Stilgebung in MapComponent zuerst nur für poiLayer

Dieser Commit führt die Nutzung von Tailwind CSS Utility-Klassen in der MapComponent ein, um eine konsistente und effiziente Stilgebung zu gewährleisten. Folgende Änderungen wurden vorgenommen:

- Hinzufügung von Tailwind-Klassen zu Popups und Tooltips, um das Erscheinungsbild der UI-Elemente zu standardisieren.
- Anwendung von Text- und Background-Utility-Klassen auf verschiedene Elemente innerhalb der Marker-Popups, um die Lesbarkeit und Benutzerfreundlichkeit zu erhöhen.
- Optimierung der bestehenden CSS-Klassen durch Tailwind-Utilities, um die Notwendigkeit manueller CSS-Definitionen zu reduzieren und die Wartbarkeit des Codes zu verbessern.

Diese Änderungen tragen dazu bei, das visuelle Erscheinungsbild der Karten-Interaktionen zu vereinheitlichen und die Anpassung an das bestehende Design-System zu erleichtern.

styles/global.css

@@ -10,3 +10,9 @@
 .leaflet-popup-content {
   min-width: 250px; /* Adjust the width based on your requirements */
 }
+/* src/global.css */
+.custom-marker-icon {
+  background-color: red !important;
+  padding: 10px !important;
+  color: white !important;
+}