fix(frontend): Resolve TypeScript compilation error in ScanProgressDialog

- Fixed name conflict where Error icon from @mui/icons-material was shadowing global Error constructor
- Renamed import to ErrorIcon to avoid collision
- Added explicit type annotation for error response data
- Resolves issue #75: All 6 TypeScript compilation errors now fixed

TypeScript compilation now passes with zero errors.

Impact:
- CI pipeline will now pass TypeScript checks
- Better type safety and IDE support
- Improved developer experience

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: remyluslosius

frontend/src/components/host-groups/ScanProgressDialog.tsx

@@ -23,7 +23,7 @@ import {
 } from '@mui/material';
 import {
   CheckCircle,
-  Error,
+  Error as ErrorIcon,
   Schedule,
   PlayArrow,
   Pause,
@@ -109,8 +109,9 @@ const ScanProgressDialog: React.FC<ScanProgressDialogProps> = ({
           setAutoRefresh(false);
         }
       } else {
-        const errorData = await response.json();
-        throw new (Error as any)(errorData.detail || 'Failed to fetch progress');
+        const errorData: { detail?: string } = await response.json();
+        const errorMessage = String(errorData.detail || 'Failed to fetch progress');
+        throw new Error(errorMessage);
       }
     } catch (err: any) {
       setError(err.message || 'Failed to fetch progress');
@@ -166,7 +167,7 @@ const ScanProgressDialog: React.FC<ScanProgressDialogProps> = ({
   const getStatusIcon = (status: string) => {
     switch (status) {
       case 'completed': return <CheckCircle color="success" />;
-      case 'failed': return <Error color="error" />;
+      case 'failed': return <ErrorIcon color="error" />;
       case 'running': return <PlayArrow color="primary" />;
       case 'cancelled': return <Stop color="disabled" />;
       default: return <Schedule color="disabled" />;