fix(auth): replace inline button class in chat auth components with AUTH_SUBMIT_BTN

Author: waleedlatif1

apps/sim/app/chat/components/auth/email/email-auth.tsx

@@ -7,6 +7,7 @@ import { Input, InputOTP, InputOTPGroup, InputOTPSlot, Label } from '@/component
 import { cn } from '@/lib/core/utils/cn'
 import { quickValidateEmail } from '@/lib/messaging/email/validation'
 import AuthBackground from '@/app/(auth)/components/auth-background'
+import { AUTH_SUBMIT_BTN } from '@/app/(auth)/components/auth-button-classes'
 import { SupportFooter } from '@/app/(auth)/components/support-footer'
 import Navbar from '@/app/(home)/components/navbar/navbar'
 
@@ -240,11 +241,7 @@ export default function EmailAuth({ identifier, onAuthSuccess }: EmailAuthProps)
                       )}
                     </div>
 
-                    <button
-                      type='submit'
-                      disabled={isSendingOtp}
-                      className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
-                    >
+                    <button type='submit' disabled={isSendingOtp} className={AUTH_SUBMIT_BTN}>
                       {isSendingOtp ? (
                         <span className='flex items-center gap-2'>
                           <Loader2 className='h-4 w-4 animate-spin' />

apps/sim/app/chat/components/auth/password/password-auth.tsx

@@ -6,6 +6,7 @@ import { Eye, EyeOff, Loader2 } from 'lucide-react'
 import { Input, Label } from '@/components/emcn'
 import { cn } from '@/lib/core/utils/cn'
 import AuthBackground from '@/app/(auth)/components/auth-background'
+import { AUTH_SUBMIT_BTN } from '@/app/(auth)/components/auth-button-classes'
 import { SupportFooter } from '@/app/(auth)/components/support-footer'
 import Navbar from '@/app/(home)/components/navbar/navbar'
 
@@ -160,7 +161,7 @@ export default function PasswordAuth({ identifier, onAuthSuccess }: PasswordAuth
                 <button
                   type='submit'
                   disabled={!password.trim() || isAuthenticating}
-                  className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
+                  className={AUTH_SUBMIT_BTN}
                 >
                   {isAuthenticating ? (
                     <span className='flex items-center gap-2'>

apps/sim/app/chat/components/error-state/error-state.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import { useRouter } from 'next/navigation'
+import { AUTH_SUBMIT_BTN } from '@/app/(auth)/components/auth-button-classes'
 import { StatusPageLayout } from '@/app/(auth)/components/status-page-layout'
 
 interface ChatErrorStateProps {
@@ -12,10 +13,7 @@ export function ChatErrorState({ error }: ChatErrorStateProps) {
 
   return (
     <StatusPageLayout title='Chat Unavailable' description={error}>
-      <button
-        onClick={() => router.push('/workspace')}
-        className='inline-flex h-[32px] w-full items-center justify-center gap-2 rounded-[5px] border border-white bg-white px-2.5 font-[430] font-season text-black text-sm transition-colors hover:border-[var(--border-1)] hover:bg-[var(--border-1)] disabled:cursor-not-allowed disabled:opacity-50'
-      >
+      <button onClick={() => router.push('/workspace')} className={AUTH_SUBMIT_BTN}>
         Return to Workspace
       </button>
     </StatusPageLayout>