feat(i18n): translate src/content/learn/understanding-your-ui-as-a-tree.md from English to Vietnamese

[KotonoSora]

🇻🇳 Vietnamese Translation: Understanding Your UI as a Tree

Hi! I'm contributing as a volunteer translator for vi.react.dev, and this PR adds the Vietnamese translation for the "Understanding Your UI as a Tree" lesson.

What's included

• Vietnamese translation of understanding-your-ui-as-a-tree.md
• Preserved all code examples and markdown formatting
• Kept terminology consistent with existing translations

Changes

• ✅ Fully translated the guide covering React's tree-based UI modeling concepts
• ✅ Maintained code blocks, links, Sandpack components and Diagram sections
• ✅ Verified all internal links and formatting render correctly
• ✅ Translated all diagram alt text to Vietnamese while preserving accessibility

Looking forward to contributing more translations to the project! 🚀

---

Tóm tắt những gì đã được dịch:

Tiêu đề và phần Intro:
"Understanding Your UI as a Tree" → "Hiểu giao diện người dùng theo cấu trúc cây"

Các phần chính:

• "Your UI as a tree" → "Giao diện người dùng theo cấu trúc cây"
• "The Render Tree" → "Render Tree"
• "The Module Dependency Tree" → "Module Dependency Tree"

Phần DeepDive:

• "Where are the HTML tags in the render tree?" → "Các thẻ HTML ở đâu trong render tree?"

Nội dung chính đã dịch:

• Giải thích về cách React sử dụng cấu trúc cây để mô hình hóa UI
• Khái niệm render tree và module dependency tree
• Mối quan hệ giữa component cha và component con
• Conditional rendering và ảnh hưởng đến render tree
• Ứng dụng thực tế của dependency trees trong việc bundle code
• Tối ưu hóa hiệu suất và debug ứng dụng React

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Skipped Deployment

Name	Status	Preview	Comments	Updated (UTC)
vi-legacy-reactjs-org	⬜️ Ignored (Inspect)	Visit Preview		Jun 7, 2025 1:29am