resolve comments

Author: munkhjin0223

src/components/MDX/ExpandableCallout.tsx

@@ -35,7 +35,7 @@ const variantMap = {
       'linear-gradient(rgba(245, 249, 248, 0), rgba(245, 249, 248, 1)',
   },
   pitfall: {
-    title: 'Урхи',
+    title: 'Pitfall',
     Icon: IconPitfall,
     containerClasses: 'bg-yellow-5 dark:bg-yellow-60 dark:bg-opacity-20',
     textColor: 'text-yellow-50 dark:text-yellow-40',

src/content/learn/thinking-in-react.md

@@ -31,17 +31,17 @@ Mockup дараах байдлаар харагдана:
 
 React дээр UI-аа бүтээхдээ дараах 5 алхамыг дагах хэрэгтэй.
 
-## Алхам 1: UI-аа компонентын шатлал болгон салгая {/*step-1-break-the-ui-into-a-component-hierarchy*/}
+## Алхам 1: UI ыг компонент болгон хуваая {/*step-1-break-the-ui-into-a-component-hierarchy*/}
 
 Эхлээд бүх компонент болон дэд компонентуудыг mockup загварын дагуу зурж тэдгээрийг нэрлэнэ. Хэрвээ та дизайнертайгаа ажиллаж байгаа бол тэд аль хэдийн диэайн зурдаг хэрэгсэл дээрээ нэрлэсэн байж магадгүй. Тэднээс асуугаарай.
 
 Таны юу хийдгээс хамааран өөр, өөр арга замаар хуваасан байж магадгүй юм.
 
-* **Програмчилалын**--Шинээр функц болон объект үүсгэхдээ нэгэн ижил текник ашиглаарай. Нэг санал болгох текник нь [single responsibility principle](https://en.wikipedia.org/wiki/Single_responsibility_principle) ба энэ нь компонент бүр нэгээс илүү үйлдэл хийхгүй гэсэн санаа юм. Хэрвээ цаашид томрохоор болвол дэд компонентүүдэд задлах хэрэгэтй. 
+* **Програмчилалын**--Шинээр функц болон объект үүсгэхдээ нэгэн ижил текник ашиглаарай. Нэг санал болгох текник нь [single responsibility principle](https://en.wikipedia.org/wiki/Single_responsibility_principle) ба энэ нь компонент бүр нэгээс илүү үйлдэл хийхгүй гэсэн санаа юм. Хэрвээ цаашид томрохоор болвол дэд компонентүүдэд задлах хэрэгтэй. 
 * **CSS**--Класс селектор-оо юунд ашиглахааа шийдэх.
 * **Дизайн**--Дизайны давхаргуудаа хэрхэн зохион байгуулахаа шийдэх.
 
-Хэрхээ таны JSON маш сайн бүтэцлэгдсэн бол таны UI компонентуудтай шууд холбогдож ажиллаж чадна. Энэ нь UI болон өгөгдлийн загварууд (data model) ижил бүтэцтэй байх хэрэгтэй шалтгаан юм.
+Хэрвээ таны JSON маш сайн бүтэцлэгдсэн бол таны UI компонентуудтай шууд холбогдож ажиллаж чадна. Энэ нь UI болон өгөгдлийн загварууд (data model) ижил бүтэцтэй байх хэрэгтэй шалтгаан юм.
 
 Дараах дэлгэцэнд 5 компонент байна:
 
@@ -51,7 +51,7 @@ React дээр UI-аа бүтээхдээ дараах 5 алхамыг дага
 
 <img src="/images/docs/s_thinking-in-react_ui_outline.png" width="500" style={{margin: '0 auto'}} />
 
-1. `FilterableProductTable` (саарал) бүтэн апп-ыг багтаатсан.
+1. `FilterableProductTable` (саарал) бүтэн апп-ыг багтаасан.
 2. `SearchBar` (цэнхэр) хэрэглэгчийн оролтын хүлээж авах.
 3. `ProductTable` (лаванда) хэрэглэгчийн оролтын дагуу жагсаалтыг шүүж харуулах.
 4. `ProductCategoryRow` (ногоон) ангилал бүрийн толгой харуулах.
@@ -63,7 +63,7 @@ React дээр UI-аа бүтээхдээ дараах 5 алхамыг дага
 
 Хэрвээ `ProductTable` (лаванда)-г харах юм бол, та хүснэгтийн толгой ("Name" ба "Price") нь тусдаа компонент биш байгааг анзаарна. Энэ нь гэхдээ сонголтын асуудал юм. Энэ жишээнд энэ нь `ProductTable` -ын нэг хэсэг юм. Гэхдээ хэрвээ толгой хэсэг цаашид нэмэгдэхээр бол (жишээ нь эрэмбэлэгдэх хэсэг) та тусдаа `ProductTableHeader` гэдэг нэртэй компонент шинээр үүсгэж болох юм.
 
-Одоо mockup дизайн дээрх компонентүүдийг шаталсан бүтцээр харуулцгаая.
+Одоо mockup дизайн дээрх компонентүүдийг шаталсан бүтцээр харуулцгаая. Компонент доторх компонент нь доорх догол мөрөнд харагдана.
 
 * `FilterableProductTable`
     * `SearchBar`
@@ -211,7 +211,7 @@ td {
 
 Стэйтийг хэрэглэхдээ хамгийн чухал зарчим бол [DRY (Don't Repeat Yourself)](https://en.wikipedia.org/wiki/Don%27t_repeat_yourself) дагах хэрэгтэй юм. Аль болох бага өгөгдөл стэйт-д хадгалах хэрэгтэй гэсэн үг. Жишээ нь та барааны сагс хөгжүүлж байна гэж үзвэл барааны жагсаалтыг стэйт-д хадгална. Хэрвээ барааны тоог харуулахыг хүсвэл барааны тоог өөр стэйд-д хадгалах хэрэггүй юм. Оронд нь барааны жагсаалтын уртыг харуулахад л хангалттай.
 
-Одоо энэ жишээн програм-д байгаа бүх өгөгдлийн талаар бодоцгооё:
+Одоо энэ жишээ програм-д байгаа бүх өгөгдлийн талаар бодоцгооё:
 
 1. Бүтээгдэхүүний оригнал жагсаалт
 2. Хэрэглэгчийн оруулсан хайлтын текст