[Suggestion]: add explanation & illustration for the Note in the 'Passing state deeply with context' chapter

Summary

Currently, in the Note, it says "This example uses heading levels because they show visually how nested components can override context.". However, it is unclear what this sentence means. What does it mean for a nested component to override context? I suspect that 'because they show visually how nested components can override context' is not correct, or if correct, it needs clear explanation what it means, because I personally don't get it (and I don't want to ask GPT to get a wrong answer...).

If left unchanged, this sentence risks confusing millions of learners in my opinion (myself included).

Page

https://react.dev/learn/passing-data-deeply-with-context

Details

The sentence "This example uses heading levels because they show visually how nested components can override context." is not explained. It would be useful to explain this much more explicitly. It's like throwing a sentence at a super abstract level... (which is not helpful for learners).

Bắt đầu với trang “Passing data deeply with context” được liên kết trong issue và đọc ghi chú xung quanh câu nói về các cấp độ tiêu đề và các component lồng nhau ghi đè context. Làm rõ nhận định này bằng một phần giải thích và hình minh họa cho thấy ví dụ thể hiện điều gì; công việc được xem là hoàn thành khi người học có thể hiểu mối quan hệ mà không cần lời giải thích bên ngoài.