fix: styles

src/features/authentication/components/UserCompletionForm.tsx

@@ -66,7 +66,7 @@ export function UserCompletionForm() {
     str.replace(/\d/g, (d: string) => '۰۱۲۳۴۵۶۷۸۹'[parseInt(d)]);
 
   const getButtonLabel = () => {
-    if (buttonState === 'sent') return 'ارسال شد!';
+    if (buttonState === 'sent') return t('completion.sent');
     if (buttonState === 'counting') {
       const minutes = String(Math.floor(countdown / 60)).padStart(2, '0');
       const seconds = String(countdown % 60).padStart(2, '0');
@@ -82,7 +82,7 @@ export function UserCompletionForm() {
     setTimeout(() => {
       setButtonState('counting');
       setCountdown(60);
-    }, 1000);
+    }, 500);
   };
 
   const handleVerifyCode = () => {
@@ -90,7 +90,7 @@ export function UserCompletionForm() {
     setTimeout(() => {
       setIsVerifyingCode(false);
       setEmailVerified(true);
-    }, 1000);
+    }, 500);
   };
 
   const handleEditEmail = () => {
@@ -112,7 +112,7 @@ export function UserCompletionForm() {
       <Box
         sx={{
           width: '730px',
-          backgroundColor: 'white',
+          backgroundColor: '#FFFFFF',
           border: '1px solid #ccc',
           display: 'flex',
           flexDirection: 'column',