Fix types and imports across the board

src/pages/SystemView.tsx

@@ -10,18 +10,9 @@ import { Header } from "@/components/Header";
 import { parseSignature, parseScannedPercentage } from "@/utils/signatureParser";
 import { getSystemId } from "@/utils/systemApi";
 import pb from "@/lib/pocketbase";
+import { Signature } from "@/components/SystemTracker";
 
-interface Signature {
-  identifier: string;
-  type: string;
-  name: string;
-  system: string;
-  sysid: string;
-  dangerous?: boolean;
-  scanned?: string;
-}
-
-const SystemView = () => {
+export const SystemView = () => {
   const { system, region } = useParams();
   const navigate = useNavigate();
   const queryClient = useQueryClient();
@@ -48,7 +39,7 @@ const SystemView = () => {
 
         if (newScannedPercentage > existingScannedPercentage) {
           await pb.collection('signature').update(existingRecord.id, {
-            name: signature.name,
+            name: signature.signame,
             type: signature.type,
             dangerous: signature.dangerous,
             scanned: signature.scanned
@@ -62,7 +53,7 @@ const SystemView = () => {
         await pb.collection('signature').create({
           system: signature.system,
           identifier: signature.identifier,
-          name: signature.name,
+          name: signature.signame,
           type: signature.type,
           dangerous: signature.dangerous,
           scanned: signature.scanned
@@ -132,7 +123,7 @@ const SystemView = () => {
         if (signaturesToDelete.length > 0) {
           console.log(`Deleted ${signaturesToDelete.length} signatures not in pasted data`);
         }
-        
+
         // Turn off clean mode after use
         setCleanMode(false);
       }
@@ -177,7 +168,7 @@ const SystemView = () => {
     <div className="h-screen bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 overflow-hidden">
       <div className="h-full flex flex-col">
         <Header title={`System: ${system}`} breadcrumbs={breadcrumbs} />
-        
+
         {/* Controls */}
         <div className="flex-shrink-0 px-4 py-3 border-b border-purple-500/20">
           <div className="flex items-center justify-center gap-4 text-slate-300">
@@ -185,14 +176,14 @@ const SystemView = () => {
             <CleanModeToggle cleanMode={cleanMode} onToggle={setCleanMode} />
           </div>
         </div>
-        
+
         <div className="flex-1 overflow-hidden px-4 pb-8">
           <div className="grid grid-cols-1 lg:grid-cols-3 gap-6 h-full pt-6">
             {/* Main content - signatures */}
             <div className="lg:col-span-2 space-y-6 overflow-y-auto">
               <SystemTracker system={system} />
             </div>
-            
+
             {/* Regional overview map */}
             <div className="lg:col-span-1 flex flex-col">
               {region ? (
@@ -202,8 +193,8 @@ const SystemView = () => {
                     <p className="text-purple-200 text-xs">Click systems to navigate • Current: {system}</p>
                   </div>
                   <div className="flex-1 min-h-0">
-                    <RegionMap 
-                      regionName={region} 
+                    <RegionMap
+                      regionName={region}
                       focusSystem={system}
                       isCompact={true}
                     />
@@ -224,5 +215,3 @@ const SystemView = () => {
     </div>
   );
 };
-
-export default SystemView;