fix(#586): theme switcher not working for all panels

apps/trading/pages/_app.page.tsx

@@ -25,9 +25,10 @@ function AppBody({ Component, pageProps }: AppProps) {
   const store = useGlobalStore();
   const { VEGA_NETWORKS } = useEnvironment();
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const [_, toggleTheme] = useThemeSwitcher();
+  const [theme, toggleTheme] = useThemeSwitcher();
 
   return (
+    <ThemeContext.Provider value={theme}>
       <div className="h-full dark:bg-black dark:text-white-60 bg-white relative z-0 text-black-60 grid grid-rows-[min-content,1fr]">
         <div className="flex items-stretch border-b-[7px] border-vega-yellow">
           <Navbar />
@@ -66,6 +67,7 @@ function AppBody({ Component, pageProps }: AppProps) {
           }}
         />
       </div>
+    </ThemeContext.Provider>
   );
 }