stage 1 of oauth removal, switch to sanctum pat tokens

resources/js/admin/pages/EngagementPage.tsx

@@ -7,7 +7,13 @@ import { Button } from '@/components/ui/button';
 
 import { AdminLayout } from '../components/AdminLayout';
 import { CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-import { TenantHeroCard, FrostedCard, FrostedSurface } from '../components/tenant';
+import {
+  TenantHeroCard,
+  FrostedCard,
+  FrostedSurface,
+  tenantHeroPrimaryButtonClass,
+  tenantHeroSecondaryButtonClass,
+} from '../components/tenant';
 import { TasksSection } from './TasksPage';
 import { TaskCollectionsSection } from './TaskCollectionsPage';
 import { EmotionsSection } from './EmotionsPage';
@@ -54,7 +60,7 @@ export default function EngagementPage() {
   const heroPrimaryAction = (
     <Button
       size="sm"
-      className="rounded-full bg-gradient-to-r from-[#ff5f87] via-[#ec4899] to-[#6366f1] px-6 text-white shadow-md shadow-rose-400/30 transition hover:from-[#ff4470] hover:via-[#ec4899] hover:to-[#4f46e5]"
+      className={tenantHeroPrimaryButtonClass}
       onClick={() => handleTabChange('tasks')}
     >
       {t('engagement.hero.actions.tasks', 'Zu Aufgaben wechseln')}
@@ -63,8 +69,7 @@ export default function EngagementPage() {
   const heroSecondaryAction = (
     <Button
       size="sm"
-      variant="outline"
-      className="rounded-full border-white/70 bg-white/80 px-6 text-slate-900 shadow-sm hover:bg-white"
+      className={tenantHeroSecondaryButtonClass}
       onClick={() => handleTabChange('collections')}
     >
       {t('engagement.hero.actions.collections', 'Kollektionen ansehen')}