Backup before syncing server scripts

apps/web/src/components/MapComponent.tsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useRef, useState } from 'react';
 import maplibregl from 'maplibre-gl';
 import 'maplibre-gl/dist/maplibre-gl.css';
+import { attachIconLoader } from '../utils/mapIcons';
 interface MapComponentProps {
   onMapLoad: (map: maplibregl.Map) => void;
   onMapClick?: (lat: number, lng: number) => void;
@@ -59,7 +60,6 @@ const MapComponent: React.FC<MapComponentProps> = ({
         style: {
           version: 8,
           glyphs: 'https://cdn.protomaps.com/fonts/pbf/{fontstack}/{range}.pbf',
-          sprite: 'https://demotiles.maplibre.org/styles/osm-bright-gl-style/sprite',
           sources: {
             'local-osm-polygons': {
               type: 'vector',
@@ -390,6 +390,8 @@ const MapComponent: React.FC<MapComponentProps> = ({
       });
 
       map.current = initialMap;
+      // آيقونات الـ POI تُحمّل عند الطلب بدل sprite مستضاف
+      attachIconLoader(initialMap);
 
       // Request User Location
       if ('geolocation' in navigator) {