fix: build errors, authentication card margin

src/features/authentication/components/AuthenticationCard.tsx

@@ -21,9 +21,9 @@ export const AuthenticationCard = ({
           xs: 3,
           md: 6,
         },
-        marginInline: 2,
+        mx: 2,
         boxSizing: 'border-box',
-        width: '100%',
+        width: (t) => `calc(100% - ${t.spacing(2)})`,
         maxWidth: maxWidth ?? '552px',
 
         ...sx,

src/features/authentication/components/AuthenticationSteps/EnterPasswordForm.tsx

@@ -12,7 +12,7 @@ import {
 import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
 import type { AuthType } from '../../types/authTypes';
-import type { CountryCode, GUID } from '@/types/commonTypes';
+import type { CountryCode } from '@/types/commonTypes';
 import {
   loginWithPassword,
   sendEmailOtp,

src/features/authentication/components/AuthenticationSteps/GoogleAuthentication.tsx

@@ -7,7 +7,6 @@ import type {
   LoginResult,
 } from '../../types/userTypes';
 import { loginOrSignUpWithGoogle } from '../../api/authorizationAPI';
-import type { GUID } from '@/types/commonTypes';
 import { Google } from 'iconsax-react';
 import { Icon, useToast } from '@rkheftan/harmony-ui';
 import { useApi } from '@/hooks/useApi';

src/features/authentication/components/AuthenticationSteps/LoginRegiserForm.tsx

@@ -8,7 +8,7 @@ import { AuthenticationCard } from '../AuthenticationCard';
 import { CountryCodeSelector } from '../CountryCodeSelector';
 import type { LoginResult, UserStatus } from '../../types/userTypes';
 import { getUserStatusByPhoneNumberOrEmail } from '../../api/authorizationAPI';
-import type { CountryCode, GUID } from '@/types/commonTypes';
+import type { CountryCode } from '@/types/commonTypes';
 import { GoogleAuthentication } from './GoogleAuthentication';
 import { isPhoneNumber } from '@/utils/regexes/isValidPhoneNumber';
 import { useToast } from '@rkheftan/harmony-ui';

src/features/authentication/components/AuthenticationSteps/OtpVerifyForm.tsx

@@ -11,7 +11,7 @@ import {
   sendEmailOtp,
   sendSmsOtp,
 } from '../../api/authorizationAPI';
-import type { CountryCode, GUID } from '@/types/commonTypes';
+import type { CountryCode } from '@/types/commonTypes';
 import { Icon, useToast } from '@rkheftan/harmony-ui';
 import { useApi } from '@/hooks/useApi';
 import { generateTokenWithOtp } from '../../api/identityAPI';