[Update/Refactor]

For data integration correctly, the plugins data (saved, downloaded, fetched) merge whenever update data each of it.
Separate plugins controllers.

src-ui/app/_app_controllers/PluginsController.jsx

@@ -1,15 +1,24 @@
-import React, { useEffect } from "react";
+import React from "react";
+import clsx from "clsx";
+
+if (typeof window !== "undefined") {
+    window.React = React;
+    window.clsx = clsx;
+}
+
 import { LoadPluginsController } from "./plugins_controllers/LoadPluginsController";
 import { FetchLatestPluginsDataController } from "./plugins_controllers/FetchLatestPluginsDataController";
-import { MergeSavedPluginsStatusController } from "./plugins_controllers/MergeSavedPluginsStatusController";
+// import { MergeSavedPluginsStatusController } from "./plugins_controllers/MergeSavedPluginsStatusController";
+import { MergePluginsController } from "./plugins_controllers/MergePluginsController";
 
-export const PluginsController = () => {
+export const PluginsController = ({ pluginsControllerHasRunRef }) => {
 
     return (
         <>
-            <LoadPluginsController />
-            <FetchLatestPluginsDataController />
-            <MergeSavedPluginsStatusController />
+            <MergePluginsController />
+            <LoadPluginsController pluginsControllerHasRunRef={pluginsControllerHasRunRef}/>
+            <FetchLatestPluginsDataController pluginsControllerHasRunRef={pluginsControllerHasRunRef}/>
+            {/* <MergeSavedPluginsStatusController /> */}
         </>
     );
 };