fix(build): Resolve TypeScript and Import errors

- Fixed 'qrcode.react' import in VisitorKioskPage (named export)
- Added 'badgeExpiry' to VisitorLog interface in visitorsApi
- Added 'tiers' to LayoutSection interface in layoutStore
- NOTE: This fixes the build failure on nexus-vector

frontend/src/lib/visitorsApi.ts

@@ -24,6 +24,7 @@ export interface VisitorLog {
     escortId?: string;
     escort?: { id: string; name: string };
     badgeNumber?: string;
+    badgeExpiry?: string;
     zones: string[];
     visitor?: Visitor;
 }
@@ -50,6 +51,7 @@ export interface ActiveVisitor {
     entryTime: string;
     escort?: { id: string; name: string };
     badgeNumber?: string;
+    badgeExpiry?: string;
     zones: string[];
 }
 

frontend/src/pages/VisitorKioskPage.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react';
-import QRCode from 'qrcode.react';
+import { QRCodeSVG as QRCode } from 'qrcode.react';
 import { User, Building, Clock, CheckCircle, XCircle, UserPlus, LogOut, Search, Shield, AlertTriangle } from 'lucide-react';
 import { visitorsApi, Visitor, ActiveVisitor } from '../lib/visitorsApi';
 

frontend/src/stores/layoutStore.ts

@@ -47,6 +47,7 @@ export interface LayoutSection {
     size: Size;
     rows: number;
     columns: number;
+    tiers?: number;
     spacing: number; // inches between positions
     positions?: LayoutPosition[];
 }