Rename LoginForm into SignInForm

src/components/AuthUser/AuthUser.tsx

 import React, { FC, useEffect } from 'react';
 import Container from '@material-ui/core/Container';
-import { LoginForm } from './LoginForm/LoginForm';
+import { SignInForm } from './SignInForm/SignInForm';
 
 export const AuthUser: FC = () => {
   useEffect(() => {
@@ -10,7 +10,7 @@ export const AuthUser: FC = () => {
   }, []);
   return (
     <Container maxWidth="sm">
-      <LoginForm />
+      <SignInForm />
     </Container>
   );
 };

src/components/AuthUser/LoginForm/LoginForm.mdx → src/components/AuthUser/SignInForm/SignInForm.mdx

 ---
-name: LoginForm
+name: SignInForm 
 ---
 
-import { LoginForm } from './LoginForm.tsx';
+import { SignInForm } from './SignInForm.tsx';
 
-# LoginForm
+# SignInForm 
 Lets registered user authenticate
 
-<LoginForm />
\ No newline at end of file
+<SignInForm />
\ No newline at end of file

src/components/AuthUser/LoginForm/LoginForm.test.tsx → src/components/AuthUser/SignInForm/SignInForm.test.tsx

 import React from 'react';
 import { render, fireEvent } from '@testing-library/react';
-import { LoginForm } from './LoginForm';
+import { SignInForm } from './SignInForm';
 
-describe('<LoginForm />', () => {
+describe('<SignInForm />', () => {
   it('it should render form', () => {
-    const wrapper = render(<LoginForm />);
-    expect(wrapper.queryByTestId('LoginForm')).toBeTruthy();
+    const wrapper = render(<SignInForm />);
+    expect(wrapper.queryByTestId('SignInForm')).toBeTruthy();
   });
 });

src/components/AuthUser/LoginForm/LoginForm.tsx → src/components/AuthUser/SignInForm/SignInForm.tsx

@@ -21,7 +21,7 @@ const useStyles = makeStyles((theme: Theme) =>
   }),
 );
 
-export const LoginForm: React.FC = () => {
+export const SignInForm: React.FC = () => {
   interface formData {
     email: string;
     password: string;