refactor: move useEffect in useExtensions wrapper

src/App.tsx

@@ -86,10 +86,6 @@ export default function App() {
   const [extensions, setExtensions] = useState<Extension[]>([]);
   const [repositoryUrl, setRepositoryUrl] = useState<string>("");
 
-  useEffect(() => {
-    getExtensions().then(setExtensions);
-  }, []);
-
   return (
     <ExtensionsContext.Provider
       value={{

src/context/extensions.ts

@@ -1,12 +1,19 @@
-import { createContext, useContext } from "react";
+import { createContext, useContext, useEffect } from "react";
 
 import { Extension } from "../types/extension.ts";
+import { getExtensions } from "../services/tauri.service.ts";
 
 export const ExtensionsContext = createContext<Extension[]>([]);
 
 export function useExtensions(): {
   extensions: Extension[];
   setExtensions: (extensions: Extension[]) => void;
 } {
-  return useContext(ExtensionsContext);
+  const { extensions, setExtensions } = useContext(ExtensionsContext);
+
+  useEffect(() => {
+    getExtensions().then(setExtensions);
+  }, []);
+
+  return { extensions, setExtensions };
 }