chore: refactor

web-client/app/_components/Preferences.tsx

@@ -1,13 +1,28 @@
 "use client";
 import { useEffect } from "react";
 import {
+  setup,
   plugins,
   extensionPoints,
   activationPoints,
 } from "../../node_modules/pluggable-electron/dist/execution.es.js";
 /* eslint-disable @next/next/no-sync-scripts */
 export const Preferences = () => {
   useEffect(() => {
+    async function setupPE() {
+      // Enable activation point management
+      setup({
+        importer: (plugin) =>
+          //@ts-ignore
+          import(/* webpackIgnore: true */ plugin).catch((err) => {
+            console.log(err);
+          }),
+      });
+
+      // Register all active plugins with their activation points
+      await plugins.registerActive();
+    }
+    setupPE();
     // Install a new plugin on clicking the install button
     document
       ?.getElementById("install-file")

web-client/app/page.tsx

@@ -5,32 +5,7 @@ import JotaiWrapper from "./_helpers/JotaiWrapper";
 import LeftContainer from "./_components/LeftContainer";
 import RightContainer from "./_components/RightContainer";
 import { ModalWrapper } from "./_helpers/ModalWrapper";
-import { useEffect } from "react";
-import { Preferences } from "./_components/Preferences";
-import dynamic from "next/dynamic";
-import Head from "next/head";
-import {
-  setup,
-  plugins,
-} from "../node_modules/pluggable-electron/dist/execution.es.js";
 const Page: React.FC = () => {
-  useEffect(() => {
-    async function setupPE() {
-      // Enable activation point management
-      setup({
-        importer: (plugin) =>
-          //@ts-ignore
-          import(/* webpackIgnore: true */ plugin).catch((err) => {
-            console.log(err);
-          }),
-      });
-
-      // Register all active plugins with their activation points
-      await plugins.registerActive();
-    }
-    setupPE();
-  });
-
   return (
     <>
       <ApolloWrapper>
@@ -45,7 +20,6 @@ const Page: React.FC = () => {
           </ThemeWrapper>
         </JotaiWrapper>
       </ApolloWrapper>
-      {/* <>{typeof window !== "undefined" ? <Preferences /> : <></>}</> */}
     </>
   );
 };