🩹(loading) fix header doubled when loading room

the whole screen wrapper thing is not that great… needs improvements to
prevent that kind of stuff

src/frontend/src/features/rooms/routes/Room.tsx

@@ -32,16 +32,14 @@ export const Room = () => {
   }
 
   return (
-    <Screen>
-      <Conference
-        roomId={roomId}
-        mode={mode}
-        userConfig={{
-          ...existingUserChoices,
-          ...(skipJoinScreen ? { username: user?.email as string } : {}),
-          ...userConfig,
-        }}
-      />
-    </Screen>
+    <Conference
+      roomId={roomId}
+      mode={mode}
+      userConfig={{
+        ...existingUserChoices,
+        ...(skipJoinScreen ? { username: user?.email as string } : {}),
+        ...userConfig,
+      }}
+    />
   )
 }

src/frontend/src/layout/QueryAware.tsx

@@ -1,5 +1,6 @@
 import { ErrorScreen } from './ErrorScreen'
 import { LoadingScreen } from './LoadingScreen'
+import { Screen } from './Screen'
 
 export const QueryAware = ({
   status,
@@ -16,5 +17,5 @@ export const QueryAware = ({
     return <LoadingScreen />
   }
 
-  return children
+  return <Screen>{children}</Screen>
 }