Fix types and imports across the board

src/components/SystemTracker.tsx

@@ -5,13 +5,13 @@ import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { RefreshCw, AlertCircle, Radar } from "lucide-react";
-import SignatureListItem from "./SignatureListItem";
+import { SignatureListItem } from "@/components/SignatureListItem";
 import { toast } from "@/hooks/use-toast";
 
-interface SignatureItem {
-  collectionId: string;
-  collectionName: string;
-  id: string;
+export interface Signature {
+  collectionId?: string;
+  collectionName?: string;
+  id?: string;
   identifier: string;
   signame: string;
   sysid: string;
@@ -20,20 +20,18 @@ interface SignatureItem {
   updated?: string;
   created?: string;
   dangerous?: boolean;
+  scanned?: string;
 }
 
 interface ApiResponse {
-  items: SignatureItem[];
+  items: Signature[];
 }
 
 interface SystemTrackerProps {
   system: string;
 }
 
-const SystemTracker = ({ system }: SystemTrackerProps) => {
-  const queryClient = useQueryClient();
-
-  // Query to get signatures for the current system with polling
+export const SystemTracker = ({ system }: SystemTrackerProps) => {
   const {
     data: signaturesData,
     refetch: refetchSignatures,
@@ -178,5 +176,3 @@ const SystemTracker = ({ system }: SystemTrackerProps) => {
     </div>
   );
 };
-
-export default SystemTracker;