portal: strict ESLint (typescript-eslint, a11y, import order)

- root .eslintrc with recommended TS rules; eslint --fix import order project-wide
- Replace any/unknown in lib clients (ArgoCD, K8s, Phoenix), hooks, and key components
- Form labels: htmlFor+id; escape apostrophes; remove or gate console (error boundary keep)
- Crossplane VM status typing; webhook test result interface; infrastructure/resources maps typed

Made-with: Cursor

portal/src/app/admin/page.tsx

@@ -1,10 +1,11 @@
 'use client';
 
-import { useSession } from 'next-auth/react';
-import { signIn } from 'next-auth/react';
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/Card';
 import { Building2, Users, CreditCard, Shield, ArrowRight } from 'lucide-react';
 import Link from 'next/link';
+import { useSession } from 'next-auth/react';
+import { signIn } from 'next-auth/react';
+
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/Card';
 
 export default function AdminPortalPage() {
   const { data: session, status } = useSession();

portal/src/app/analytics/page.tsx

@@ -2,6 +2,7 @@
 
 import { useSession } from 'next-auth/react';
 import { signIn } from 'next-auth/react';
+
 import { AdvancedAnalytics } from '@/components/analytics/AdvancedAnalytics';
 
 export default function AnalyticsPage() {

portal/src/app/api/auth/[...nextauth]/route.ts

@@ -1,4 +1,5 @@
 import NextAuth from 'next-auth';
+
 import { authOptions } from '@/lib/auth';
 
 const handler = NextAuth(authOptions);

portal/src/app/api/auth/error/page.tsx

@@ -1,7 +1,7 @@
 'use client';
 
-import { useSearchParams } from 'next/navigation';
 import Link from 'next/link';
+import { useSearchParams } from 'next/navigation';
 import { Suspense } from 'react';
 
 function AuthErrorContent() {

portal/src/app/argocd/page.tsx

@@ -1,7 +1,8 @@
 'use client'
 
-import { useSession } from 'next-auth/react'
 import { redirect } from 'next/navigation'
+import { useSession } from 'next-auth/react'
+
 import ArgoCDApplications from '@/components/argocd/ArgoCDApplications'
 
 export default function ArgoCDPage() {

portal/src/app/crossplane/page.tsx

@@ -1,7 +1,8 @@
 'use client'
 
-import { useSession } from 'next-auth/react'
 import { redirect } from 'next/navigation'
+import { useSession } from 'next-auth/react'
+
 import CrossplaneResourceBrowser from '@/components/crossplane/CrossplaneResourceBrowser'
 
 export default function CrossplanePage() {

portal/src/app/dashboard/business/page.tsx

@@ -2,13 +2,14 @@
 
 import { useSession } from 'next-auth/react';
 import { signIn } from 'next-auth/react';
-import { CostOverviewTile } from '@/components/dashboard/CostOverviewTile';
-import { CostForecastingTile } from '@/components/dashboard/CostForecastingTile';
-import { ResourceUsageTile } from '@/components/dashboard/ResourceUsageTile';
+
 import { BillingTile } from '@/components/dashboard/BillingTile';
-import { ServiceAdoptionTile } from '@/components/dashboard/ServiceAdoptionTile';
 import { ComplianceStatusTile } from '@/components/dashboard/ComplianceStatusTile';
+import { CostForecastingTile } from '@/components/dashboard/CostForecastingTile';
+import { CostOverviewTile } from '@/components/dashboard/CostOverviewTile';
 import { QuickActionsPanel } from '@/components/dashboard/QuickActionsPanel';
+import { ResourceUsageTile } from '@/components/dashboard/ResourceUsageTile';
+import { ServiceAdoptionTile } from '@/components/dashboard/ServiceAdoptionTile';
 
 export default function BusinessDashboardPage() {
   const { status } = useSession();

portal/src/app/dashboard/developer/page.tsx

@@ -2,11 +2,12 @@
 
 import { useSession } from 'next-auth/react';
 import { signIn } from 'next-auth/react';
+
+import { APIKeysTile } from '@/components/dashboard/APIKeysTile';
 import { APIUsageTile } from '@/components/dashboard/APIUsageTile';
 import { DeploymentsTile } from '@/components/dashboard/DeploymentsTile';
-import { TestEnvironmentsTile } from '@/components/dashboard/TestEnvironmentsTile';
-import { APIKeysTile } from '@/components/dashboard/APIKeysTile';
 import { QuickActionsPanel } from '@/components/dashboard/QuickActionsPanel';
+import { TestEnvironmentsTile } from '@/components/dashboard/TestEnvironmentsTile';
 
 export default function DeveloperDashboardPage() {
   const { status } = useSession();

portal/src/app/dashboard/page.tsx

@@ -1,9 +1,10 @@
 'use client';
 
+import { useRouter } from 'next/navigation';
 import { useSession } from 'next-auth/react';
 import { signIn } from 'next-auth/react';
-import { useRouter } from 'next/navigation';
 import { useEffect } from 'react';
+
 import { getDashboardRoute } from '@/lib/roles';
 
 export default function DashboardPage() {

portal/src/app/dashboard/technical/page.tsx

@@ -2,12 +2,13 @@
 
 import { useSession } from 'next-auth/react';
 import { signIn } from 'next-auth/react';
-import { SystemHealthTile } from '@/components/dashboard/SystemHealthTile';
-import { IntegrationStatusTile } from '@/components/dashboard/IntegrationStatusTile';
-import { DataPipelineTile } from '@/components/dashboard/DataPipelineTile';
-import { ResourceUtilizationTile } from '@/components/dashboard/ResourceUtilizationTile';
+
 import { OptimizationEngine } from '@/components/ai/OptimizationEngine';
+import { DataPipelineTile } from '@/components/dashboard/DataPipelineTile';
+import { IntegrationStatusTile } from '@/components/dashboard/IntegrationStatusTile';
 import { QuickActionsPanel } from '@/components/dashboard/QuickActionsPanel';
+import { ResourceUtilizationTile } from '@/components/dashboard/ResourceUtilizationTile';
+import { SystemHealthTile } from '@/components/dashboard/SystemHealthTile';
 
 export default function TechnicalDashboardPage() {
   const { status } = useSession();

portal/src/app/developer/page.tsx

@@ -1,10 +1,11 @@
 'use client';
 
-import { useSession } from 'next-auth/react';
-import { signIn } from 'next-auth/react';
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/Card';
 import { Key, Book, TestTube, BarChart3, Webhook, Download, ArrowRight } from 'lucide-react';
 import Link from 'next/link';
+import { useSession } from 'next-auth/react';
+import { signIn } from 'next-auth/react';
+
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/Card';
 
 export default function DeveloperPortalPage() {
   const { status } = useSession();

portal/src/app/developer/webhooks/test/page.tsx

@@ -1,15 +1,26 @@
 'use client';
 
-import { useState } from 'react';
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/Card';
 import { Send, CheckCircle, XCircle } from 'lucide-react';
+import { useState } from 'react';
+
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/Card';
+
+interface WebhookTestResult {
+  success: boolean;
+  status?: number;
+  statusText?: string;
+  responseTime?: number;
+  response?: unknown;
+  error?: string;
+  timestamp: string;
+}
 
 export default function WebhookTestingPage() {
   const [url, setUrl] = useState('');
   const [method, setMethod] = useState('POST');
   const [headers, setHeaders] = useState('{"Content-Type": "application/json"}');
   const [payload, setPayload] = useState('{"event": "test", "data": {}}');
-  const [testResult, setTestResult] = useState<any>(null);
+  const [testResult, setTestResult] = useState<WebhookTestResult | null>(null);
   const [isTesting, setIsTesting] = useState(false);
 
   const testWebhook = async () => {
@@ -39,10 +50,10 @@ export default function WebhookTestingPage() {
         response: data,
         timestamp: new Date().toISOString(),
       });
-    } catch (error: any) {
+    } catch (error: unknown) {
       setTestResult({
         success: false,
-        error: error.message,
+        error: error instanceof Error ? error.message : 'Request failed',
         timestamp: new Date().toISOString(),
       });
     } finally {
@@ -64,8 +75,11 @@ export default function WebhookTestingPage() {
           </CardHeader>
           <CardContent className="space-y-4">
             <div>
-              <label className="block text-sm text-gray-300 mb-2">Webhook URL</label>
+              <label htmlFor="webhook-test-url" className="block text-sm text-gray-300 mb-2">
+                Webhook URL
+              </label>
               <input
+                id="webhook-test-url"
                 type="url"
                 value={url}
                 onChange={(e) => setUrl(e.target.value)}
@@ -75,8 +89,11 @@ export default function WebhookTestingPage() {
             </div>
 
             <div>
-              <label className="block text-sm text-gray-300 mb-2">HTTP Method</label>
+              <label htmlFor="webhook-test-method" className="block text-sm text-gray-300 mb-2">
+                HTTP Method
+              </label>
               <select
+                id="webhook-test-method"
                 value={method}
                 onChange={(e) => setMethod(e.target.value)}
                 className="w-full px-4 py-2 bg-gray-900 border border-gray-700 rounded text-white"
@@ -90,8 +107,11 @@ export default function WebhookTestingPage() {
             </div>
 
             <div>
-              <label className="block text-sm text-gray-300 mb-2">Headers (JSON)</label>
+              <label htmlFor="webhook-test-headers" className="block text-sm text-gray-300 mb-2">
+                Headers (JSON)
+              </label>
               <textarea
+                id="webhook-test-headers"
                 value={headers}
                 onChange={(e) => setHeaders(e.target.value)}
                 className="w-full h-24 px-4 py-2 bg-gray-900 border border-gray-700 rounded text-white font-mono text-sm"
@@ -100,8 +120,11 @@ export default function WebhookTestingPage() {
             </div>
 
             <div>
-              <label className="block text-sm text-gray-300 mb-2">Payload (JSON)</label>
+              <label htmlFor="webhook-test-payload" className="block text-sm text-gray-300 mb-2">
+                Payload (JSON)
+              </label>
               <textarea
+                id="webhook-test-payload"
                 value={payload}
                 onChange={(e) => setPayload(e.target.value)}
                 className="w-full h-32 px-4 py-2 bg-gray-900 border border-gray-700 rounded text-white font-mono text-sm"
@@ -165,11 +188,11 @@ export default function WebhookTestingPage() {
                   </div>
                 )}
 
-                {testResult.response && (
+                {testResult.response !== undefined && testResult.response !== null && (
                   <div>
                     <p className="text-sm text-gray-400 mb-1">Response</p>
                     <pre className="p-3 bg-gray-900 rounded text-white font-mono text-xs overflow-auto max-h-64">
-                      {JSON.stringify(testResult.response, null, 2)}
+                      {JSON.stringify(testResult.response as object, null, 2)}
                     </pre>
                   </div>
                 )}

portal/src/app/error.tsx

@@ -1,8 +1,8 @@
 'use client'
 
-import { useEffect } from 'react'
-import Link from 'next/link'
 import { Home, RefreshCw, AlertCircle } from 'lucide-react'
+import Link from 'next/link'
+import { useEffect } from 'react'
 
 export default function Error({
   error,
@@ -12,8 +12,8 @@ export default function Error({
   reset: () => void
 }) {
   useEffect(() => {
-    // Log error to error reporting service
-    console.error('Application error:', error)
+    // eslint-disable-next-line no-console -- error boundary diagnostic until reporting hook exists
+    console.error('Application error:', error);
   }, [error])
 
   return (

portal/src/app/infrastructure/page.tsx

@@ -1,9 +1,10 @@
 'use client';
 
-import { usePhoenixInfraNodes, usePhoenixInfraStorage } from '@/hooks/usePhoenixRailing';
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/Card';
 import { Server, HardDrive } from 'lucide-react';
 
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/Card';
+import { usePhoenixInfraNodes, usePhoenixInfraStorage } from '@/hooks/usePhoenixRailing';
+
 export default function InfrastructurePage() {
   const { data: nodesData, isLoading: nodesLoading, error: nodesError } = usePhoenixInfraNodes();
   const { data: storageData, isLoading: storageLoading, error: storageError } = usePhoenixInfraStorage();
@@ -28,10 +29,15 @@ export default function InfrastructurePage() {
             {nodesError && <p className="text-red-400">Error loading nodes</p>}
             {nodesData?.nodes && (
               <ul className="space-y-2">
-                {nodesData.nodes.map((n: any) => (
-                  <li key={n.node || n.name} className="flex justify-between text-sm">
-                    <span>{n.node ?? n.name ?? n.id}</span>
-                    <span className={n.status === 'online' ? 'text-green-400' : 'text-gray-400'}>{n.status ?? '—'}</span>
+                {nodesData.nodes.map((n: Record<string, unknown>) => (
+                  <li
+                    key={String(n.node ?? n.name ?? n.id ?? '')}
+                    className="flex justify-between text-sm"
+                  >
+                    <span>{String(n.node ?? n.name ?? n.id ?? '—')}</span>
+                    <span className={n.status === 'online' ? 'text-green-400' : 'text-gray-400'}>
+                      {String(n.status ?? '—')}
+                    </span>
                   </li>
                 ))}
               </ul>
@@ -52,8 +58,10 @@ export default function InfrastructurePage() {
             {storageError && <p className="text-red-400">Error loading storage</p>}
             {storageData?.storage && (
               <ul className="space-y-2">
-                {storageData.storage.slice(0, 10).map((s: any, i: number) => (
-                  <li key={s.storage || i} className="text-sm">{s.storage ?? s.name ?? s.id}</li>
+                {storageData.storage.slice(0, 10).map((s: Record<string, unknown>, i: number) => (
+                  <li key={String(s.storage ?? s.name ?? s.id ?? i)} className="text-sm">
+                    {String(s.storage ?? s.name ?? s.id ?? '—')}
+                  </li>
                 ))}
               </ul>
             )}

portal/src/app/kubernetes/page.tsx

@@ -1,7 +1,8 @@
 'use client'
 
-import { useSession } from 'next-auth/react'
 import { redirect } from 'next/navigation'
+import { useSession } from 'next-auth/react'
+
 import KubernetesClusters from '@/components/kubernetes/KubernetesClusters'
 
 export default function KubernetesPage() {

portal/src/app/layout.tsx

@@ -2,13 +2,16 @@
 
 import { Inter } from 'next/font/google'
 import './globals.css'
-import { Providers } from './providers'
+import { SessionProvider } from 'next-auth/react'
+
+import { KeyboardShortcutsProvider } from '@/components/KeyboardShortcutsProvider'
+import { MobileNavigation } from '@/components/layout/MobileNavigation'
+import { PortalBreadcrumbs } from '@/components/layout/PortalBreadcrumbs'
 import { PortalHeader } from '@/components/layout/PortalHeader'
 import { PortalSidebar } from '@/components/layout/PortalSidebar'
-import { PortalBreadcrumbs } from '@/components/layout/PortalBreadcrumbs'
-import { MobileNavigation } from '@/components/layout/MobileNavigation'
-import { KeyboardShortcutsProvider } from '@/components/KeyboardShortcutsProvider'
-import { SessionProvider } from 'next-auth/react'
+
+import { Providers } from './providers'
+
 
 const inter = Inter({ subsets: ['latin'] })
 

portal/src/app/monitoring/page.tsx

@@ -1,7 +1,8 @@
 'use client'
 
-import { useSession } from 'next-auth/react'
 import { redirect } from 'next/navigation'
+import { useSession } from 'next-auth/react'
+
 import GrafanaPanel from '@/components/monitoring/GrafanaPanel'
 import LokiLogViewer from '@/components/monitoring/LokiLogViewer'
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/Tabs'

portal/src/app/not-found.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import Link from 'next/link'
 import { Home, ArrowLeft } from 'lucide-react'
+import Link from 'next/link'
 
 export default function NotFound() {
   return (
@@ -10,7 +10,7 @@ export default function NotFound() {
         <h1 className="text-6xl font-bold text-white mb-4">404</h1>
         <h2 className="text-2xl font-semibold text-gray-300 mb-4">Page Not Found</h2>
         <p className="text-gray-400 mb-8">
-          The page you're looking for doesn't exist or has been moved.
+          The page you&apos;re looking for doesn&apos;t exist or has been moved.
         </p>
         <div className="flex gap-4 justify-center">
           <Link

portal/src/app/onboarding/page.tsx

@@ -1,9 +1,9 @@
 'use client';
 
 import { OnboardingWizard } from '@/components/onboarding/OnboardingWizard';
-import { WelcomeStep } from '@/components/onboarding/steps/WelcomeStep';
-import { ProfileStep } from '@/components/onboarding/steps/ProfileStep';
 import { PreferencesStep } from '@/components/onboarding/steps/PreferencesStep';
+import { ProfileStep } from '@/components/onboarding/steps/ProfileStep';
+import { WelcomeStep } from '@/components/onboarding/steps/WelcomeStep';
 
 const onboardingSteps = [
   {

portal/src/app/page.tsx

@@ -2,6 +2,7 @@
 
 import { useSession } from 'next-auth/react';
 import { signIn } from 'next-auth/react';
+
 import Dashboard from '@/components/Dashboard';
 
 export default function Home() {

portal/src/app/partner/page.tsx

@@ -1,10 +1,11 @@
 'use client';
 
-import { useSession } from 'next-auth/react';
-import { signIn } from 'next-auth/react';
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/Card';
 import { Handshake, TrendingUp, BookOpen, Package, ArrowRight } from 'lucide-react';
 import Link from 'next/link';
+import { useSession } from 'next-auth/react';
+import { signIn } from 'next-auth/react';
+
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/Card';
 
 export default function PartnerPortalPage() {
   const { status } = useSession();

portal/src/app/resources/page.tsx

@@ -1,8 +1,9 @@
 'use client'
 
 import { useSession } from 'next-auth/react'
-import { useTenantResources } from '@/hooks/usePhoenixRailing'
+
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/Card'
+import { useTenantResources } from '@/hooks/usePhoenixRailing'
 
 export default function ResourcesPage() {
   const { status } = useSession()
@@ -36,10 +37,10 @@ export default function ResourcesPage() {
               <p className="text-sm text-muted-foreground">No resources</p>
             ) : (
               <ul className="space-y-2">
-                {resources.map((r: any) => (
-                  <li key={r.id} className="flex justify-between text-sm">
-                    <span>{r.name}</span>
-                    <span className="text-gray-400">{r.resource_type ?? r.provider}</span>
+                {resources.map((r: Record<string, unknown>) => (
+                  <li key={String(r.id ?? r.name ?? '')} className="flex justify-between text-sm">
+                    <span>{String(r.name ?? '—')}</span>
+                    <span className="text-gray-400">{String(r.resource_type ?? r.provider ?? '—')}</span>
                   </li>
                 ))}
               </ul>

portal/src/app/settings/2fa/page.tsx

@@ -1,9 +1,10 @@
 'use client';
 
-import { useState } from 'react';
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/Card';
 import { Shield, CheckCircle } from 'lucide-react';
 import QRCode from 'qrcode';
+import { useState } from 'react';
+
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/Card';
 
 export default function TwoFactorAuthPage() {
   const [isEnabled, setIsEnabled] = useState(false);
@@ -24,8 +25,8 @@ export default function TwoFactorAuthPage() {
       setSecret(data.secret);
       const qr = await QRCode.toDataURL(data.qrCodeUrl);
       setQrCode(qr);
-    } catch (error) {
-      console.error('Failed to enable 2FA:', error);
+    } catch {
+      /* setup failed — surface UI toast when wired */
     }
   };
 
@@ -43,8 +44,8 @@ export default function TwoFactorAuthPage() {
         setQrCode(null);
         setSecret(null);
       }
-    } catch (error) {
-      console.error('Verification failed:', error);
+    } catch {
+      /* verification failed */
     } finally {
       setIsVerifying(false);
     }
@@ -54,8 +55,8 @@ export default function TwoFactorAuthPage() {
     try {
       await fetch('/api/auth/2fa/disable', { method: 'POST' });
       setIsEnabled(false);
-    } catch (error) {
-      console.error('Failed to disable 2FA:', error);
+    } catch {
+      /* disable failed */
     }
   };
 
@@ -98,6 +99,7 @@ export default function TwoFactorAuthPage() {
               <div>
                 <p className="text-gray-300 mb-2">Scan this QR code with your authenticator app:</p>
                 <div className="flex justify-center p-4 bg-white rounded">
+                  {/* eslint-disable-next-line @next/next/no-img-element -- data: URL from qrcode package */}
                   <img src={qrCode} alt="2FA QR Code" className="w-48 h-48" />
                 </div>
               </div>
@@ -110,10 +112,11 @@ export default function TwoFactorAuthPage() {
               </div>
 
               <div>
-                <label className="block text-sm text-gray-300 mb-2">
+                <label htmlFor="settings-2fa-verify-code" className="block text-sm text-gray-300 mb-2">
                   Enter verification code from your app:
                 </label>
                 <input
+                  id="settings-2fa-verify-code"
                   type="text"
                   value={verificationCode}
                   onChange={(e) => setVerificationCode(e.target.value)}

portal/src/app/settings/page.tsx

@@ -1,9 +1,10 @@
 'use client';
 
+import { User, Bell, Shield, Key } from 'lucide-react';
 import { useSession } from 'next-auth/react';
 import { signIn } from 'next-auth/react';
+
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/Card';
-import { User, Bell, Shield, Key } from 'lucide-react';
 
 export default function SettingsPage() {
   const { data: session, status } = useSession();
@@ -51,11 +52,11 @@ export default function SettingsPage() {
           <CardContent>
             <div className="space-y-4">
               <div>
-                <label className="text-sm font-medium text-gray-300">Email</label>
+                <p className="text-sm font-medium text-gray-300">Email</p>
                 <p className="text-white">{session?.user?.email || 'Not available'}</p>
               </div>
               <div>
-                <label className="text-sm font-medium text-gray-300">Name</label>
+                <p className="text-sm font-medium text-gray-300">Name</p>
                 <p className="text-white">{session?.user?.name || 'Not available'}</p>
               </div>
               <button className="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">
@@ -74,16 +75,16 @@ export default function SettingsPage() {
           </CardHeader>
           <CardContent>
             <div className="space-y-4">
-              <label className="flex items-center gap-2">
-                <input type="checkbox" className="rounded" />
+              <label className="flex items-center gap-2" htmlFor="settings-notify-email">
+                <input id="settings-notify-email" type="checkbox" className="rounded" />
                 <span className="text-white">Email notifications</span>
               </label>
-              <label className="flex items-center gap-2">
-                <input type="checkbox" className="rounded" />
+              <label className="flex items-center gap-2" htmlFor="settings-notify-alert">
+                <input id="settings-notify-alert" type="checkbox" className="rounded" />
                 <span className="text-white">Alert notifications</span>
               </label>
-              <label className="flex items-center gap-2">
-                <input type="checkbox" className="rounded" />
+              <label className="flex items-center gap-2" htmlFor="settings-notify-weekly">
+                <input id="settings-notify-weekly" type="checkbox" className="rounded" />
                 <span className="text-white">Weekly reports</span>
               </label>
             </div>

portal/src/app/unauthorized.tsx

@@ -1,7 +1,7 @@
 'use client'
 
-import Link from 'next/link'
 import { Shield, Home, Lock } from 'lucide-react'
+import Link from 'next/link'
 
 export default function Unauthorized() {
   return (
@@ -10,7 +10,7 @@ export default function Unauthorized() {
         <Shield className="h-16 w-16 text-yellow-500 mx-auto mb-4" />
         <h1 className="text-3xl font-bold text-white mb-4">Access Denied</h1>
         <p className="text-gray-400 mb-2">
-          You don't have permission to access this resource.
+          You don&apos;t have permission to access this resource.
         </p>
         <p className="text-sm text-gray-500 mb-8">
           Please contact your administrator if you believe this is an error.

portal/src/app/vms/page.tsx

@@ -2,6 +2,7 @@
 
 import { useSession } from 'next-auth/react';
 import { signIn } from 'next-auth/react';
+
 import VMList from '@/components/vms/VMList';
 
 export default function VMsPage() {