make it all work for WGs

src/App.js

@@ -22,6 +22,7 @@ import { Nav } from './Nav';
 function App() {
 
   const [selectedFlat, setSelectedFlat] = useState();
+  const [selectedRoom, setSelectedRoom] = useState();
 
   const [rent, setRent] = useState(0);
 
@@ -72,14 +73,14 @@ function App() {
             <Heading>Wohnung</Heading>
             <Box></Box>
 
-            <FlatSelectionCard setSelectedFlat={setSelectedFlat} />
-            <FlatDetailsCard flat={selectedFlat} />
+            <FlatSelectionCard setSelectedFlat={setSelectedFlat} onRoomSelected={setSelectedRoom} />
+            <FlatDetailsCard flat={selectedFlat} room={selectedRoom} />
 
             <Heading>Selbsteinschätzung</Heading>
             <Box></Box>
 
             <SelfEvaluationCard rent={rent} setRent={setRent} />
-            <ResultsCard rent={rent} flat={selectedFlat} />
+            <ResultsCard rent={rent} flat={selectedFlat} room={selectedRoom} />
           </SimpleGrid>
         </Stack>
       </Center>