Polish up clients ui

dashboard/src/components/SetupModeButton.tsx

@@ -1,18 +1,21 @@
 import React from 'react';
 import { useNavigate } from 'react-router-dom';
 import { Wrench } from 'lucide-react';
+import { ButtonComponent } from '@syncfusion/ej2-react-buttons';
 
 const SetupModeButton: React.FC = () => {
   const navigate = useNavigate();
   return (
-    <button
-      className="setupmode-btn flex items-center gap-2 px-4 py-2 bg-yellow-200 hover:bg-yellow-300 rounded"
+    <ButtonComponent
+      cssClass="e-warning"
       onClick={() => navigate('/setup')}
       title="Erweiterungsmodus starten"
     >
-      <Wrench size={18} />
-      Erweiterungsmodus
-    </button>
+      <span style={{ display: 'inline-flex', alignItems: 'center', gap: 8 }}>
+        <Wrench size={14.4} />
+        Erweiterungsmodus
+      </span>
+    </ButtonComponent>
   );
 };