more usage of tamagui primitives

resources/js/admin/mobile/EventFormPage.tsx

@@ -35,7 +35,7 @@ export default function MobileEventFormPage() {
   const isEdit = Boolean(slug);
   const navigate = useNavigate();
   const { t } = useTranslation(['management', 'common']);
-  const { text, muted, subtle, danger, border, surfaceMuted } = useAdminTheme();
+  const { text, muted, subtle, danger } = useAdminTheme();
 
   const [form, setForm] = React.useState<FormState>({
     name: '',
@@ -359,20 +359,11 @@ export default function MobileEventFormPage() {
 
       <YStack space="$2">
         {!isEdit ? (
-          <button
-            type="button"
-            onClick={back}
-            style={{
-              ...inputStyle,
-              height: 48,
-              borderRadius: 12,
-              border: `1px solid ${border}`,
-              background: surfaceMuted,
-              fontWeight: 700,
-            }}
-          >
-            {t('eventForm.actions.saveDraft', 'Save as draft')}
-          </button>
+          <CTAButton
+            label={t('eventForm.actions.saveDraft', 'Save as draft')}
+            tone="ghost"
+            onPress={back}
+          />
         ) : null}
         <CTAButton
           label={