chore: LoginRegisterForm and AuthenticationContainer created

src/features/authentication/routes/AuthenticationPage.tsx

@@ -0,0 +1,32 @@
+import { FlexBox } from '@/components/components/common/FlexBox';
+import Logo from '@/components/Logo';
+import { Paper } from '@mui/material';
+import { SmsOtpForm } from '../components/SmsOtpForm';
+import { useState } from 'react';
+import { AuthenticationContainer } from '../components/AuthenticationContainer';
+
+export function AuthenticationPage() {
+  return (
+    <FlexBox
+      direction="column"
+      align="center"
+      justify="center"
+      sx={{
+        minHeight: '100vh',
+        gap: 3,
+      }}
+    >
+      <Logo />
+      <Paper
+        elevation={0}
+        sx={{
+          borderRadius: 'theme.xl',
+          p: 6,
+          width: '34.5rem',
+        }}
+      >
+        <AuthenticationContainer />
+      </Paper>
+    </FlexBox>
+  );
+}