stage 1 of oauth removal, switch to sanctum pat tokens

resources/js/admin/pages/BillingPage.tsx

@@ -11,7 +11,13 @@ import { Separator } from '@/components/ui/separator';
 import { AdminLayout } from '../components/AdminLayout';
 import { getTenantPackagesOverview, getTenantPaddleTransactions, PaddleTransactionSummary, TenantPackageSummary } from '../api';
 import { isAuthError } from '../auth/tokens';
-import { TenantHeroCard, FrostedCard, FrostedSurface } from '../components/tenant';
+import {
+  TenantHeroCard,
+  FrostedCard,
+  FrostedSurface,
+  tenantHeroPrimaryButtonClass,
+  tenantHeroSecondaryButtonClass,
+} from '../components/tenant';
 
 type PackageWarning = { id: string; tone: 'warning' | 'danger'; message: string };
 
@@ -60,12 +66,12 @@ export default function BillingPage() {
     [t]
   );
 
-  const loadAll = React.useCallback(async () => {
+  const loadAll = React.useCallback(async (force = false) => {
     setLoading(true);
     setError(null);
     try {
       const [packagesResult, paddleTransactions] = await Promise.all([
-        getTenantPackagesOverview(),
+        getTenantPackagesOverview(force ? { force: true } : undefined),
         getTenantPaddleTransactions().catch((err) => {
           console.warn('Failed to load Paddle transactions', err);
           return { data: [] as PaddleTransactionSummary[], nextCursor: null, hasMore: false };
@@ -125,8 +131,8 @@ export default function BillingPage() {
   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]"
-      onClick={() => void loadAll()}
+      className={tenantHeroPrimaryButtonClass}
+      onClick={() => void loadAll(true)}
       disabled={loading}
     >
       {loading ? <Loader2 className="mr-2 h-4 w-4 animate-spin" /> : <RefreshCw className="mr-2 h-4 w-4" />}
@@ -136,8 +142,7 @@ export default function BillingPage() {
   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={() => window.location.assign(packagesHref)}
     >
       {t('billing.actions.explorePackages', 'Pakete vergleichen')}