Add index.js files in homogeneous units (components and pages)

frontend/src/App.jsx

@@ -6,10 +6,12 @@ import {
 import 'react-toastify/dist/ReactToastify.css';
 
 import { hooks } from './providers';
-import MainPage from './pages/MainPage';
-import LoginPage from './pages/LoginPage';
-import NotFoundPage from './pages/NotFoundPage';
-import SignupPage from './pages/SignupPage';
+import {
+  MainPage,
+  LoginPage,
+  NotFoundPage,
+  SignupPage,
+} from './pages';
 
 const ConditionalRoute = ({ children, redirectWhenAuthIsExist, redirectTo }) => {
   const auth = hooks.useAuth();

frontend/src/components/index.js

@@ -0,0 +1,4 @@
+export { default as LoginForm } from './LoginForm';
+export { default as Navbar } from './Navbar';
+export { default as SignupForm } from './SignupForm';
+export { default as Chat } from './chat/Chat';

frontend/src/pages/LoginPage.jsx

@@ -3,8 +3,7 @@ import { Link } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import { Image } from 'react-bootstrap';
 
-import LoginForm from '../components/LoginForm';
-import Navbar from '../components/Navbar';
+import { LoginForm, Navbar } from '../components';
 import totaImg from '../assets/img/Tota-with-flag.jpg';
 
 const LoginPage = () => {

frontend/src/pages/MainPage.jsx

@@ -4,8 +4,7 @@ import { Spinner } from 'react-bootstrap';
 import { useDispatch } from 'react-redux';
 import { useTranslation } from 'react-i18next';
 
-import Navbar from '../components/Navbar';
-import Chat from '../components/chat/Chat';
+import { Navbar, Chat } from '../components';
 import { hooks } from '../providers';
 import { fetchChatData } from '../api/serverApi';
 import { serverRoutes } from '../utils/routes';

frontend/src/pages/SignupPage.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Image } from 'react-bootstrap';
-import SignupForm from '../components/SignupForm';
-import Navbar from '../components/Navbar';
+
+import { SignupForm, Navbar } from '../components';
 import totaImg from '../assets/img/Tota-celebrating.jpg';
 
 const SignupPage = () => (

frontend/src/pages/index.js

@@ -0,0 +1,4 @@
+export { default as LoginPage } from './LoginPage';
+export { default as MainPage } from './MainPage';
+export { default as NotFoundPage } from './NotFoundPage';
+export { default as SignupPage } from './SignupPage';