fix typescrypt build shit

public/src/components/auth/Login.tsx

@@ -1,4 +1,5 @@
-import { useState, FormEvent } from 'react';
+import { useState } from 'react';
+import type { FormEvent } from 'react';
 import { useNavigate, Link } from 'react-router-dom';
 import { useAuthStore } from '../../stores/authStore';
 import { useUIStore } from '../../stores/uiStore';

public/src/components/auth/Register.tsx

@@ -1,4 +1,5 @@
-import { useState, FormEvent } from 'react';
+import { useState } from 'react';
+import type { FormEvent } from 'react';
 import { useNavigate, Link } from 'react-router-dom';
 import { useAuthStore } from '../../stores/authStore';
 import { useUIStore } from '../../stores/uiStore';

public/src/components/layout/Layout.tsx

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useAuthStore } from '../../stores/authStore';
 import { useUIStore } from '../../stores/uiStore';

public/src/components/map/DrawingHandler.tsx

@@ -1,6 +1,5 @@
 import { useEffect, useState } from 'react';
 import { useMapEvents, Polyline, Marker } from 'react-leaflet';
-import L from 'leaflet';
 import { useDrawingStore } from '../../stores/drawingStore';
 import { useUIStore } from '../../stores/uiStore';
 import { mapItemService } from '../../services/mapItemService';
@@ -12,7 +11,7 @@ interface DrawingHandlerProps {
 }
 
 export function DrawingHandler({ mapId, onItemCreated }: DrawingHandlerProps) {
-  const { activeTool, isDrawing, drawingPoints, setIsDrawing, addDrawingPoint, resetDrawing, setActiveTool } =
+  const { activeTool, isDrawing, drawingPoints, setIsDrawing, addDrawingPoint, resetDrawing } =
     useDrawingStore();
   const { showToast } = useUIStore();
   const [cursorPosition, setCursorPosition] = useState<[number, number] | null>(null);
@@ -307,11 +306,6 @@ export function DrawingHandler({ mapId, onItemCreated }: DrawingHandlerProps) {
 
     const dashArray = isWirelessTool ? '10, 10' : undefined;
 
-    // Create preview line from last point to cursor
-    const previewPositions = cursorPosition
-      ? [...drawingPoints, cursorPosition]
-      : drawingPoints;
-
     return (
       <>
         {/* Main line connecting all points */}

public/src/components/map/LayerSwitcher.tsx

@@ -1,5 +1,3 @@
-import { useState } from 'react';
-
 interface LayerInfo {
   name: string;
   url: string;

public/src/components/map/MapItemsLayer.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
-import { Polyline, Marker, Popup, Circle, Tooltip, useMapEvents } from 'react-leaflet';
+import { Polyline, Marker, Popup, Circle, useMapEvents } from 'react-leaflet';
 import L from 'leaflet';
 import { mapItemService } from '../../services/mapItemService';
 import { uploadService } from '../../services/uploadService';

public/src/components/map/MapView.tsx

@@ -37,7 +37,7 @@ export function MapView({ mapId, activeLayer, mapLayers, showShareDialog = false
   };
 
   // WebSocket connection for real-time updates
-  const { isConnected, permission } = useMapWebSocket({
+  const { permission } = useMapWebSocket({
     mapId: mapId || '',
     onItemCreated: (item) => {
       console.log('Real-time item created:', item);

public/src/components/map/ShareDialog.tsx

@@ -51,7 +51,7 @@ export function ShareDialog({ mapId, onClose }: ShareDialogProps) {
     setLoading(true);
     try {
       await mapShareService.shareWithUser(mapId, {
-        user_identifier: newUserId.trim(),
+        user_id: newUserId.trim(),
         permission: newUserPermission,
       });
       setNewUserId('');

public/src/components/map/Toolbar.tsx

@@ -3,7 +3,6 @@ import type { DrawingTool } from '../../types/mapItem';
 import { CABLE_COLORS, CABLE_LABELS } from '../../types/mapItem';
 
 interface ToolbarProps {
-  mapId: string;
   readOnly?: boolean;
 }
 
@@ -81,7 +80,7 @@ const INFO_TOOL: ToolButton = {
   description: 'Information Marker',
 };
 
-export function Toolbar({ mapId, readOnly = false }: ToolbarProps) {
+export function Toolbar({ readOnly = false }: ToolbarProps) {
   const { activeTool, setActiveTool } = useDrawingStore();
 
   const renderIcon = (tool: ToolButton, isDisabled: boolean) => {