Fix conditional rendering and component structure

Author: AhmedBaset

src/content/learn/conditional-rendering.md

@@ -623,11 +623,7 @@ export default function PackingList() {
 
 لاحظ أنه يجب كتابة `importance > 0 && ...` بدلاً من `importance && ...` حتى لا يتم عرض القيمة `0` كنتيجة إذا كانت قيمة `importance` هي `0`.
 
-<<<<<<< HEAD
-In this solution, two separate conditions are used to insert a space between the name and the importance label. Alternatively, you could use a Fragment with a leading space: `importance > 0 && <> <i>...</i></>` or add a space immediately inside the `<i>`:  `importance > 0 && <i> ...</i>`.
-=======
-في هذا الحل، يتم استخدام شرطين منفصلين لإدراج مسافة بين الاسم ووسم الأهمية. بدلاً من ذلك، يمكنك استخدام مكوّن الأجزاء (fragment) مع إضافة مسافة في البداية: `importance > 0 && <> <i>...</i></>` أو إضافة مسافة مباشرة داخل عنصر `<i>`: `importance > 0 && <i> ...</i>`.
->>>>>>> 7e65f3516a1cde73237acc2a82ab87c7498d94a0
+في هذا الحل، يتم استخدام شرطين منفصلين لإدراج مسافة بين الاسم ووسم الأهمية. بدلاً من ذلك، يمكنك استخدام مكوّن الأجزاء (Fragment) مع إضافة مسافة في البداية: `importance > 0 && <> <i>...</i></>` أو إضافة مسافة مباشرة داخل عنصر `<i>`: `importance > 0 && <i> ...</i>`.
 
 </Solution>
 

src/content/learn/tutorial-tic-tac-toe.md

@@ -368,11 +368,7 @@ export default function Square() {
 
 </ConsoleBlock>
 
-<<<<<<< HEAD
-React components need to return a single JSX element and not multiple adjacent JSX elements like two buttons. To fix this you can use *Fragments* (`<>` and `</>`) to wrap multiple adjacent JSX elements like this:
-=======
 تحتاج مكونات React إلى إرجاع عنصر JSX واحد وليس عناصر JSX المجاورة مثل زرين. لإصلاح هذا يمكنك استخدام *الأجزاء* (Fragments) (`<>` و `</>`) لتجميع عناصر JSX المجاورة مثل هذا:
->>>>>>> 7e65f3516a1cde73237acc2a82ab87c7498d94a0
 
 ```js {3-6}
 export default function Square() {