feat: otp resend timer and logic added

src/features/authentication/components/CompleteSignUp.tsx

@@ -1,8 +1,9 @@
-import { Box, Button, TextField, Typography } from '@mui/material';
+import { Box, Button, Paper, TextField, Typography } from '@mui/material';
 import parsePhoneNumberFromString from 'libphonenumber-js';
 import React, { useRef, useState, type Dispatch } from 'react';
 import { useTranslation } from 'react-i18next';
 import { CountryCodeSelector } from './CountryCodeSelector';
+import { AuthenticationCard } from './AuthenticationCard';
 
 export interface CompleteSignUpProps {
   email: string;
@@ -59,7 +60,7 @@ export const CompleteSignUp = ({
   };
 
   return (
-    <Box sx={{ width: '100%' }}>
+    <AuthenticationCard>
       <Typography variant="h5" sx={{ mb: 0.5 }}>
         {t('completeSignUp.completeSignUp')}
       </Typography>
@@ -101,6 +102,6 @@ export const CompleteSignUp = ({
       <Button onClick={handleCompleteSignUp}>
         {t('verify.confirmAndContinue')}
       </Button>
-    </Box>
+    </AuthenticationCard>
   );
 };