refactor(ui): use product primitives for settings tabs

web/src/views/SettingsView.tsx

@@ -5,6 +5,7 @@ import { SettingsTab } from '../tabs/SettingsTab';
 import { AdminTab } from '../tabs/AdminTab';
 import { ConfigTab } from '../tabs/ConfigTab';
 import { PageHeader } from '../components/ui/page-header';
+import { Button } from '../components/ui/Primitives';
 
 type SettingsSection = 'Account' | 'Bot Config' | 'Admin Panel';
 
@@ -42,14 +43,17 @@ export function SettingsView() {
 
       <div className="tab-strip" style={{ marginBottom: 24 }}>
         {sections.map(s => (
-          <button
+          <Button
             key={s}
+            type="button"
             onClick={() => handleSectionChange(s)}
+            variant="ghost"
+            size="sm"
             className="tab-button"
             data-active={section === s}
           >
             {s}
-          </button>
+          </Button>
         ))}
       </div>