sai teja loss tracking line graph

package.json

@@ -29,13 +29,13 @@
     "@react-leaflet/core": "^2.1.0",
     "@reduxjs/toolkit": "^2.4.0",
     "@sentry/browser": "^9.15.0",
-    "@tanstack/react-query": "^5.90.16",
+    "@tanstack/react-query": "^5.91.0",
     "@tinymce/miniature": "^6.0.0",
     "@tinymce/tinymce-react": "^6.1.0",
     "ajv": "^8.18.0",
     "ajv-keywords": "^5.1.0",
     "ant-design": "^1.0.0",
-    "antd": "^5.27.6",
+    "antd": "^5.29.3",
     "assert": "^2.1.0",
     "axios": "^1.13.5",
     "axios-mock-adapter": "^1.22.0",
@@ -72,7 +72,7 @@
     "leaflet": "^1.9.4",
     "leaflet.heat": "^0.2.0",
     "leaflet.markercluster": "^1.5.3",
-    "libphonenumber-js": "^1.12.38",
+    "libphonenumber-js": "^1.12.40",
     "lodash": "^4.17.21",
     "lucide-react": "^0.484.0",
     "micromatch": "^4.0.8",
@@ -96,6 +96,7 @@
     "react-dom": "^18.3.1",
     "react-icons": "^4.12.0",
     "react-leaflet": "4.2.1",
+    "react-leaflet-cluster": "^3.1.0",
     "react-multi-select-component": "^4.0.2",
     "react-phone-input-2": "^2.14.0",
     "react-redux": "^7.2.0",

src/App.module.css

@@ -1,11 +1,13 @@
 html {
   overflow-x: hidden;
+  overflow-y: auto !important;
   height: 100%;
 }
 
 body {
   display: grid;
   grid-template-columns: auto 0;
+  overflow-y: auto !important;
   height: 100%;
 }
 
@@ -15,10 +17,11 @@ button {
 }
 
 #root {
+  min-height: 100%;
+  overflow-x: auto;
+  overflow-y: auto;
   height: 100%;
-
   /* background-color: var(--background-color); */
-  overflow: auto;
   background-color: #fff;
 }