Fix types and imports across the board

src/components/SignatureListItem.tsx

@@ -1,25 +1,12 @@
 import { Badge } from "@/components/ui/badge";
 import { Zap, Shield, Coins, HelpCircle, Clock, AlertTriangle, Skull } from "lucide-react";
-
-interface SignatureItem {
-	collectionId: string;
-	collectionName: string;
-	id: string;
-	identifier: string;
-	signame: string;
-	sysid: string;
-	system: string;
-	type: string;
-	updated?: string;
-	created?: string;
-	dangerous?: boolean;
-}
+import { Signature } from "@/components/SystemTracker";
 
 interface SignatureListItemProps {
-	signature: SignatureItem;
+	signature: Signature;
 }
 
-const SignatureListItem = ({ signature }: SignatureListItemProps) => {
+export const SignatureListItem = ({ signature }: SignatureListItemProps) => {
 	const getTypeIcon = (type: string) => {
 		const lowerType = type.toLowerCase();
 		if (lowerType.includes("combat")) return <Zap className="h-4 w-4" />;
@@ -80,9 +67,8 @@ const SignatureListItem = ({ signature }: SignatureListItemProps) => {
 
 	return (
 		<div
-			className={`flex items-center justify-between p-4 border-b border-slate-700 hover:bg-slate-800/40 transition-colors ${
-				oldEntry ? "opacity-50" : ""
-			}`}
+			className={`flex items-center justify-between p-4 border-b border-slate-700 hover:bg-slate-800/40 transition-colors ${oldEntry ? "opacity-50" : ""
+				}`}
 		>
 			<div className="flex items-center gap-4 flex-1">
 				{/* Type Badge - Most Important */}
@@ -132,5 +118,3 @@ const SignatureListItem = ({ signature }: SignatureListItemProps) => {
 		</div>
 	);
 };
-
-export default SignatureListItem;