fix testnet. for some reason nested theme was not contained. conditio…

…nal CssBaseline fixes it??

src/app/components/AnalyticsConsent/index.tsx

@@ -14,6 +14,7 @@ import { useScreenSize } from 'app/hooks/useScreensize'
 import * as matomo from './initializeMatomo'
 import { legalDocuments } from '../../utils/externalLinks'
 import { ThemeByNetwork } from '../ThemeByNetwork'
+import { Network } from '../../../types/network'
 
 const AnalyticsContext = createContext<{
   reopenAnalyticsConsent: () => void
@@ -65,7 +66,7 @@ export const AnalyticsConsentProvider = (props: { children: React.ReactNode }) =
     <AnalyticsContext.Provider value={{ reopenAnalyticsConsent: () => setHasAccepted('not-chosen') }}>
       {props.children}
       {/* Theme is needed because AnalyticsConsentProvider is outside network-themed routes */}
-      <ThemeByNetwork network="mainnet">
+      <ThemeByNetwork isRootTheme={false} network={Network.mainnet}>
         <AnalyticsConsentView
           isOpen={hasAccepted === 'not-chosen'}
           onAccept={async () => {

src/app/components/ThemeByNetwork/index.tsx

@@ -5,18 +5,22 @@ import { getThemesForNetworks } from '../../../styles/theme'
 import CssBaseline from '@mui/material/CssBaseline'
 import { fixedNetwork } from '../../utils/route-utils'
 
-export const ThemeByNetwork: FC<{ network: Network; children: React.ReactNode }> = ({
+export const ThemeByNetwork: FC<{ network: Network; isRootTheme: boolean; children: React.ReactNode }> = ({
   network,
+  isRootTheme,
   children,
 }) => (
   <ThemeProvider theme={getThemesForNetworks()[network]}>
-    <CssBaseline />
+    {isRootTheme && <CssBaseline />}
     {children}
   </ThemeProvider>
 )
 
 export const withDefaultTheme = (node: ReactNode, alwaysMainnet = false) => (
-  <ThemeByNetwork network={alwaysMainnet ? Network.mainnet : fixedNetwork ?? Network.mainnet}>
+  <ThemeByNetwork
+    isRootTheme={true}
+    network={alwaysMainnet ? Network.mainnet : fixedNetwork ?? Network.mainnet}
+  >
     {node}
   </ThemeByNetwork>
 )

src/app/pages/HomePage/index.tsx

@@ -168,7 +168,7 @@ export const HomePage: FC = () => {
               </InfoScreenBtn>
             )}
           </SearchInputContainer>
-          <ThemeByNetwork network={network}>
+          <ThemeByNetwork isRootTheme={false} network={network}>
             <Box sx={{ zIndex: zIndexHomePage.paraTimeSelector }}>
               <ParaTimeSelector
                 step={step}

src/app/pages/RoutingErrorPage/index.tsx

@@ -10,7 +10,7 @@ import { Network } from '../../../types/network'
 export const RoutingErrorPage: FC = () => {
   const scope = useScopeParam()
   return (
-    <ThemeByNetwork network={scope?.network ?? Network.mainnet}>
+    <ThemeByNetwork isRootTheme={true} network={scope?.network ?? Network.mainnet}>
       <PageLayout>
         <Divider variant="layout" />
         <ErrorDisplay error={useRouteError()} />

src/routes.tsx

@@ -50,7 +50,7 @@ import { FC, useEffect } from 'react'
 import { AnalyticsConsentProvider } from './app/components/AnalyticsConsent'
 
 const NetworkSpecificPart = () => (
-  <ThemeByNetwork network={useRequiredScopeParam().network}>
+  <ThemeByNetwork isRootTheme={true} network={useRequiredScopeParam().network}>
     <Outlet />
   </ThemeByNetwork>
 )