[Update/Refactor] Move files to main container.

src-ui/app/main_page/MainPage.jsx

@@ -2,7 +2,6 @@ import clsx from "clsx";
 import styles from "./MainPage.module.scss";
 import { SidebarSection } from "./sidebar_section/SidebarSection";
 import { MainSection } from "./main_section/MainSection";
-import { PluginsSection } from "./plugins_section/PluginsSection";
 import { useIsOpenedConfigPage } from "@logics_common";
 
 export const MainPage = () => {
@@ -16,7 +15,6 @@ export const MainPage = () => {
             <div className={styles.container}>
                 <SidebarSection />
                 <MainSection />
-                <PluginsSection />
             </div>
         </div>
     );

src-ui/app/main_page/main_section/MainSection.jsx

@@ -2,19 +2,20 @@ import { useTranslation } from "react-i18next";
 import styles from "./MainSection.module.scss";
 
 import { TopBar } from "./top_bar/TopBar";
-import { MessageContainer } from "./message_container/MessageContainer";
+// import { MessageContainer } from "./message_container/MessageContainer";
 import { LanguageSelector } from "./language_selector/LanguageSelector";
 
 import { useStore_IsOpenedLanguageSelector } from "@store";
 import { useLanguageSettings } from "@logics_main";
 import { useEffect } from "react";
-
+import { SubtitleSystemContainer } from "./subtitle_system_container/SubtitleSystemContainer";
 export const MainSection = () => {
 
     return (
         <div className={styles.container}>
             <TopBar />
-            <MessageContainer />
+            <SubtitleSystemContainer />
+            {/* <MessageContainer /> */}
             <HandleLanguageSelector />
         </div>
     );

src-ui/app/main_page/main_section/subtitle_system_container/SubtitleSystemContainer.jsx

@@ -1,8 +1,8 @@
 import React, { useState, useRef, useEffect } from "react";
-import styles from "./PluginsSection.module.scss";
+import styles from "./SubtitleSystemContainer.module.scss";
 import { useSendTextToOverlay } from "@logics_configs";
 
-export const PluginsSection = () => {
+export const SubtitleSystemContainer = () => {
     const { sendTextToOverlay } = useSendTextToOverlay();
     const [srtContent, setSrtContent] = useState("");
     const [cues, setCues] = useState([]);

src-ui/app/main_page/main_section/subtitle_system_container/SubtitleSystemContainer.module.scss

@@ -1,10 +1,8 @@
 .container {
-  padding: 2rem;
+  padding: 4rem;
   background: #1e1e1e;
   color: #ffffff;
   border-radius: 1rem;
-  max-width: 60rem;
-  margin: 0 auto;
   flex-shrink: 0;
   height: 100%;
   overflow: auto;