Mastering Next.js Compound Component Patterns

Compound components are a pattern where components are used together to perform a task. A classic example is `<select>` and `<option>`. In React, we use React Context to share state between a parent component and its child components without prop drilling.