Move clean left of refresh to free up some space

src/components/SystemTracker.tsx

@@ -1,6 +1,4 @@
-
-import { useState } from "react";
-import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
@@ -8,13 +6,16 @@ import { RefreshCw, AlertCircle, Radar } from "lucide-react";
 import { SignatureCategories } from "@/components/SignatureCategories";
 import { useSignatureCategories } from "@/hooks/useSignatureCategories";
 import { toast } from "@/hooks/use-toast";
+import { CleanModeToggle } from "@/components/CleanModeToggle";
 import pb from "@/lib/pocketbase";
 
 interface SystemTrackerProps {
   system: string;
+  cleanMode: boolean;
+  onCleanModeToggle: (enabled: boolean) => void;
 }
 
-export const SystemTracker = ({ system }: SystemTrackerProps) => {
+export const SystemTracker = ({ system, cleanMode, onCleanModeToggle }: SystemTrackerProps) => {
   const {
     data: signaturesData,
     refetch: refetchSignatures,
@@ -74,16 +75,19 @@ export const SystemTracker = ({ system }: SystemTrackerProps) => {
               Polling
             </Badge>
           </CardTitle>
-          <Button
-            onClick={handleRefresh}
-            disabled={isLoading}
-            variant="outline"
-            size="sm"
-            className="bg-slate-700 border-slate-600 text-slate-200 hover:bg-slate-600"
-          >
-            <RefreshCw className={`h-4 w-4 mr-2 ${isLoading ? 'animate-spin' : ''}`} />
-            Refresh
-          </Button>
+          <div className="flex items-center gap-2">
+            <CleanModeToggle cleanMode={cleanMode} onToggle={onCleanModeToggle} />
+            <Button
+              onClick={handleRefresh}
+              disabled={isLoading}
+              variant="outline"
+              size="sm"
+              className="bg-slate-700 border-slate-600 text-slate-200 hover:bg-slate-600"
+            >
+              <RefreshCw className={`h-4 w-4 mr-2 ${isLoading ? 'animate-spin' : ''}`} />
+              Refresh
+            </Button>
+          </div>
         </CardHeader>
       </Card>