Clustering (#75)

* Clustering

* Add package

* Shift markers based on the time control to keep they separated visually

package.json

@@ -24,6 +24,7 @@
     "jotai": "^2.2.1",
     "leaflet": "^1.9.4",
     "leaflet-defaulticon-compatibility": "^0.1.1",
+    "leaflet.markercluster": "^1.5.3",
     "leaflet.smooth_marker_bouncing": "^3.0.3",
     "mongodb": "^5.6.0",
     "next": "^13.4.7",
@@ -34,6 +35,7 @@
     "react-dom": "^18.2.0",
     "react-icons": "^4.10.1",
     "react-leaflet": "^4.2.1",
+    "react-leaflet-cluster": "^2.1.0",
     "sharp": "^0.32.1",
     "tailwind-merge": "^1.13.2",
     "tailwindcss": "3.3.2",
@@ -44,6 +46,7 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@types/leaflet": "^1.9.3",
+    "@types/leaflet.markercluster": "^1.5.1",
     "@types/nodemailer": "^6.4.8",
     "cypress": "^12.16.0",
     "eslint-plugin-cypress": "^2.13.3"