feat(map_nodelink)

Added simple nodelink layer for the map visualization, and also the config panel for several layers

libs/shared/lib/vis/visualizations/mapvis/layers/heatmap-layer/HeatLayerOptions.tsx

 import React, { useState, useMemo, useEffect } from 'react';
 import { VisualizationSettingsPropTypes } from '@graphpolaris/shared/lib/vis/common';
 import { MapProps } from '../../mapvis';
-import { EntityPill, Icon, Input } from '@graphpolaris/shared/lib/components';
-import { SubdirectoryArrowRight } from '@mui/icons-material';
+import { Button, EntityPill, Icon, Input } from '@graphpolaris/shared/lib/components';
+import { SubdirectoryArrowRight, Visibility, VisibilityOff } from '@mui/icons-material';
 
 export default function HeatLayerOptions({ settings, graphMetadata, updateSettings }: VisualizationSettingsPropTypes<MapProps>) {
   const [collapsed, setCollapsed] = useState<Record<string, boolean>>({});
@@ -49,10 +49,13 @@ export default function HeatLayerOptions({ settings, graphMetadata, updateSettin
               <EntityPill title={nodeType} />
             </div>
             <div className="w-1/2">
-              {/* <ColorPicker
-                value={settings?.[nodeType]?.['color'] ? settings?.[nodeType]?.['color'] : [0, 0, 0]}
-                updateValue={(val: number[]) => updateSettings({ [nodeType]: { ...settings?.[nodeType], color: val } })}
-              /> */}
+              <Button
+                iconComponent={settings?.[nodeType].hidden ? <VisibilityOff /> : <Visibility />}
+                variant="ghost"
+                onClick={() => {
+                  updateSettings({ [nodeType]: { ...settings?.[nodeType], hidden: !settings?.[nodeType].hidden as boolean } });
+                }}
+              />
             </div>
           </div>
 
@@ -77,18 +80,6 @@ export default function HeatLayerOptions({ settings, graphMetadata, updateSettin
                 disabled={!settings.node || spatialAttributes[nodeType].length < 1}
                 onChange={(val) => updateSettings({ [nodeType]: { ...settings?.[nodeType], lat: val as string } })}
               />
-
-              <div className="ml-2">
-                <div className="flex items-center gap-1">
-                  <Icon component={<SubdirectoryArrowRight />} size={16} color="text-secondary-300" />
-                  <Input
-                    label="Hidden"
-                    type="boolean"
-                    value={settings?.[nodeType]?.hidden ?? false}
-                    onChange={(val: boolean) => updateSettings({ [nodeType]: { ...settings?.[nodeType], hidden: val } })}
-                  />
-                </div>
-              </div>
             </div>
           )}
         </div>