fix/ styles and seperate the main file to different components

src/features/authentication/components/SubmitSection.tsx

@@ -0,0 +1,24 @@
+import { Box, Button, Typography, Link } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+
+export function SubmitSection() {
+  const { t } = useTranslation('completionForm');
+
+  return (
+    <Box sx={{ display: 'flex', gap: 2, px: 6, mb: '17px' }}>
+      <Typography variant="body2" sx={{ flex: 1 }}>
+        {t('completion.agreementPart1')}
+        <Link target="_blank" sx={{ color: '#2979FF' }}>
+          {t('completion.agreementLinkText')}
+        </Link>{' '}
+        {t('completion.agreementPart2')}
+      </Typography>
+      <Button
+        variant="contained"
+        sx={{ width: '247px', backgroundColor: '#2979FF' }}
+      >
+        {t('completion.registerButton')}
+      </Button>
+    </Box>
+  );
+}