reisolate the individual components that need passed values

src/app/pages/call/PersistentCallContainer.tsx

@@ -200,8 +200,6 @@ export function PersistentCallContainer({ isVisible }: PersistentCallContainerPr
       {/* Pass actual powerLevels if required */}
       <PowerLevelsContextProvider value={powerLevels}>
         {/* Route/Space specific context providers MUST wrap both Space and Header */}
-        <RouteSpaceProvider>
-          <SpaceRouteRoomProvider>
         {/* Main layout container inside providers: Flex Row */}
         {/* Assuming Box handles flex layout */}
         <Box direction="Row" grow="Yes" style={{ height: '100%', width: '100%' }}>
@@ -215,6 +213,8 @@ export function PersistentCallContainer({ isVisible }: PersistentCallContainerPr
               borderRight: '1px solid #ccc',
             }}
           >
+            <RouteSpaceProvider>
+              <SpaceRouteRoomProvider>
                 {' '}
                 {/* Example style */}
                 {/* PageRoot likely renders the nav prop */}
@@ -226,6 +226,8 @@ export function PersistentCallContainer({ isVisible }: PersistentCallContainerPr
                     </MobileFriendlyPageNav>
                   }
                 />
+              </SpaceRouteRoomProvider>
+            </RouteSpaceProvider>
           </Box>
           {/* --- Right Side (Header + Iframe) --- */}
           {/* This Box takes remaining space and arranges header/iframe vertically */}
@@ -239,7 +241,11 @@ export function PersistentCallContainer({ isVisible }: PersistentCallContainerPr
               {' '}
               {/* Header doesn't grow/shrink */}
               {/* RoomViewHeader requires the providers above */}
+              <RouteSpaceProvider>
+                <SpaceRouteRoomProvider>
                   <RoomViewHeader />
+                </SpaceRouteRoomProvider>
+              </RouteSpaceProvider>
             </Box>
 
             {/* Iframe Area (takes remaining space) */}
@@ -267,8 +273,6 @@ export function PersistentCallContainer({ isVisible }: PersistentCallContainerPr
           {/* End Right Side Box */}
         </Box>{' '}
         {/* End Main Layout Box (Row) */}
-          </SpaceRouteRoomProvider>
-        </RouteSpaceProvider>
       </PowerLevelsContextProvider>
     </div> // End Outer Container Div
   );