website refactor

apps/website/components/admin/AdminSectionHeader.tsx

@@ -1,8 +1,6 @@
 'use client';
 
-import { Heading } from '@/ui/Heading';
-import { Stack } from '@/ui/primitives/Stack';
-import { Text } from '@/ui/Text';
+import { SectionHeader } from '@/ui/SectionHeader';
 import React from 'react';
 
 interface AdminSectionHeaderProps {
@@ -23,22 +21,11 @@ export function AdminSectionHeader({
   actions
 }: AdminSectionHeaderProps) {
   return (
-    <Stack direction="row" align="center" justify="between" mb={4}>
-      <Stack>
-        <Heading level={3} weight="bold" color="text-white">
-          {title}
-        </Heading>
-        {description && (
-          <Text size="xs" color="text-gray-500" block mt={0.5}>
-            {description}
-          </Text>
-        )}
-      </Stack>
-      {actions && (
-        <Stack direction="row" align="center" gap={2}>
-          {actions}
-        </Stack>
-      )}
-    </Stack>
+    <SectionHeader
+      title={title}
+      description={description}
+      actions={actions}
+      variant="minimal"
+    />
   );
 }