Fixes styles and removes redundant code in Main feature

frontend/src/features/Main/components/Layout/Layout.module.scss

@@ -4,8 +4,8 @@
 .content {
     display: flex;
     align-items: center;
-    padding: 0 276px;
-    width: 100%;
+    // padding: 0 440px;
+    width: 940px;
     margin: auto;
     background: theme-var($background-primary);
 
@@ -33,24 +33,24 @@
     flex-direction: column;
     justify-content: center;
     gap: 24px;
-}
-
-.main-title {
-    font-size: 40px;
-    font-weight: 500;
 
-    &-with-gradient {
-        background: linear-gradient(90deg, #2B2B2B 33.39%, #00FFC4 77.42%);
-        -webkit-background-clip: text;
-        background-clip: text; 
-        -webkit-text-fill-color: transparent;
+    .main-title {
+        font-size: 40px;
+        font-weight: 500;
+
+        &-with-gradient {
+            background: linear-gradient(90deg, #2B2B2B 33.39%, #00FFC4 77.42%);
+            -webkit-background-clip: text;
+            background-clip: text; 
+            -webkit-text-fill-color: transparent;
+        }
+    }
+
+    .main-description {
+        max-width: 370px;
+        font-size: 18px;
+        font-weight: 400;
     }
-}
-
-.main-description {
-    max-width: 370px;
-    font-size: 18px;
-    font-weight: 400;
 }
 
 .right {
@@ -59,23 +59,4 @@
     display: flex;
     flex-direction: column;
     justify-content: center;
-}
-
-.lower-img {
-    position: absolute;
-    left: 0;
-    top: 0;
-    opacity: 0.5;
-}
-
-.upper-img {
-    position: absolute;
-    left: 40%;
-    top: 0;
-}
-
-.courtain {
-    left: 0;
-    top: 0;
-    position: absolute;
 }

frontend/src/features/Main/components/Layout/Layout.tsx

@@ -3,7 +3,7 @@ import { useNavigate } from 'react-router-dom';
 import { Button } from '@ui';
 import styles from './Layout.module.scss';
 import { cx } from '@/utils';
-import { IntrodutionPic } from '../IntrodutionPic';
+import carsImg from '@/assets/icons/introdution-cars-img.png';
 
 import { CURRENT_GAME } from '@/atoms';
 
@@ -31,7 +31,7 @@ function Layout() {
         />
       </div>
       <div className={cx(styles.right)}>
-        <IntrodutionPic />
+        <img src={carsImg} alt="cars" />
       </div>
     </div>
   );

frontend/src/features/Main/components/index.ts

@@ -1,3 +1 @@
 export * from './Layout';
-export * from './IntrodutionPic';
-export * from './LeaderBoard';