Add crop zoning feature with localization support and new dependencies

- Introduced crop zoning functionality, including a new section in the navigation menu.
- Added Persian translations for crop zoning-related UI elements.
- Updated package.json and package-lock.json to include new dependencies: @mapbox/mapbox-gl-draw and various @turf packages for geospatial calculations.
- Enhanced global styles for crop zoning tooltips to improve user experience.

src/app/(dashboard)/(private)/dashboard/crop-zoning/page.tsx

@@ -0,0 +1,8 @@
+// Components Imports
+import CropZoningWrapper from '@views/dashboards/farm/cropZoning/CropZoningWrapper'
+
+const CropZoningPage = async () => {
+  return <CropZoningWrapper />
+}
+
+export default CropZoningPage

src/app/globals.css

@@ -62,6 +62,21 @@ ul:not([class]) {
   pointer-events: none;
 }
 
+/* Crop zoning map tooltip - glassmorphism */
+.zone-tooltip {
+  background: rgba(255, 255, 255, 0.9) !important;
+  backdrop-filter: blur(8px);
+  border: 1px solid rgba(255, 255, 255, 0.5);
+  border-radius: 10px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  padding: 0 !important;
+  margin: 0 !important;
+}
+[data-dark] .zone-tooltip {
+  background: rgba(30, 35, 50, 0.95) !important;
+  border-color: rgba(255, 255, 255, 0.1);
+}
+
 .ps__rail-y {
   inset-inline-end: 0 !important;
   inset-inline-start: auto !important;