[Update] Add the safety that is not show on UI if the plugin, downloaded, is not supported.

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

@@ -16,7 +16,12 @@ import { usePlugins } from "@logics_configs";
 export const MainSection = () => {
     const { currentPluginsData } = usePlugins();
 
-    const render_plugins = currentPluginsData.data.filter((plugin) => (plugin.is_downloaded && plugin.is_enabled && plugin.downloaded_plugin_info.location === "main_section"));
+    const render_plugins = currentPluginsData.data.filter((plugin) => (
+        plugin.is_downloaded &&
+        plugin.is_enabled &&
+        plugin.downloaded_plugin_info.is_plugin_supported &&
+        plugin.downloaded_plugin_info.location === "main_section"
+    ));
 
     return (
         <div className={styles.container}>

src-ui/app/main_page/main_section/MainSection.module.scss

@@ -5,6 +5,7 @@
     display: flex;
     flex-direction: column;
     // justify-content: space-between;
+    overflow-y: auto;
 }
 
 .language_selector_container {