refactor: BrowserStateProvider need to be top level

src/components/App.tsx

@@ -8,8 +8,8 @@ import { LumeProvider } from "@lumeweb/sdk";
 
 export default function () {
   return (
-    <BrowserStateProvider>
     <LumeProvider>
+      <BrowserStateProvider>
         <>
           <header className="relative h-14 px-2 pl-2 py-2 w-full bg-neutral-900 flex">
             <div className="relative h-full w-full rounded-full bg-neutral-800 border border-neutral-700 flex items-center [>input:focus]:ring-2 [>input:focus]:ring-white">
@@ -21,7 +21,7 @@ export default function () {
           </header>
           <Browser />
         </>
-      </LumeProvider>
       </BrowserStateProvider>
+    </LumeProvider>
   );
 }