website refactor

apps/website/templates/SponsorSettingsTemplate.tsx

@@ -82,7 +82,7 @@ export function SponsorSettingsTemplate({
   saving,
 }: SponsorSettingsTemplateProps) {
   return (
-    <Container size="md" py={8}>
+    <Container size="md" spacing="md">
       <Stack gap={8}>
         <SponsorDashboardHeader 
           sponsorName={profile.companyName} 
@@ -187,7 +187,7 @@ export function SponsorSettingsTemplate({
           {/* Danger Zone */}
           <Card border borderColor="border-racing-red/30">
             <Stack gap={6}>
-              <Heading level={3} color="text-racing-red" icon={<Icon icon={AlertCircle} size={5} color="text-racing-red" />}>
+              <Heading level={3} intent="critical" icon={<Icon icon={AlertCircle} size={5} />}>
                 Danger Zone
               </Heading>
               <Box display="flex" alignItems="center" justifyContent="between">