App owns the theme. Label displays it. In between sit Section and Card — pure passthroughs that contribute nothing but forgot to forward the prop. The label is rendering undefined.
You could patch every intermediate component to pass theme through. But that's exactly the smell Context was designed to remove: when a value is needed deep in the tree by a component that doesn't care which ancestor provides it, lift it into a context.
Symptoms
<p id="theme"> reads "Theme: undefined" on first render- Toggling does nothing visible
Your Task
Make the label reflect the current theme — initially dark, and updated when the user clicks the toggle.
Hint: This challenge wants you to reach for createContext + useContext rather than threading the prop through every middle layer.