✨ feat: add translation for the new React setup guide

Author: aladin002dz

src/components/MDX/InlineCode.tsx

@@ -23,7 +23,13 @@ function InlineCode({
   return (
     <code
       // dir="ltr" // This is needed to prevent the code from inheriting the RTL direction of <html> in case of RTL languages to avoid like `()console.log` to be rendered as `console.log()`
-      dir={typeof props.children !== "string" ? "ltr" : ["[", "]"].includes(props.children) ? "rtl" : "ltr"}
+      dir={
+        typeof props.children !== 'string'
+          ? 'ltr'
+          : ['[', ']'].includes(props.children)
+          ? 'rtl'
+          : 'ltr'
+      }
       className={cn(
         'inline text-code text-secondary dark:text-secondary-dark px-1 rounded-md no-underline',
         {

src/content/learn/setup.md

@@ -1,28 +1,28 @@
 ---
-title: Setup
+title: الإعداد
 ---
 <Intro>
 
-React integrates with tools like editors, TypeScript, browser extensions, and compilers. This section will help you get your environment set up.
+تتكامل React مع أدوات مثل المحررات، و TypeScript، وإضافات المتصفح، والمترجمات. سيساعدك هذا القسم على إعداد بيئة عملك.
 
 </Intro>
 
-## Editor Setup {/*editor-setup*/}
+## إعداد المحرر {/*editor-setup*/}
 
-See our [recommended editors](/learn/editor-setup) and learn how to set them up to work with React.
+اطلع على [المحررات الموصى بها](/learn/editor-setup) وتعلم كيفية إعدادها للعمل مع React.
 
-## Using TypeScript {/*using-typescript*/}
+## استخدام TypeScript {/*using-typescript*/}
 
-TypeScript is a popular way to add type definitions to JavaScript codebases. [Learn how to integrate TypeScript into your React projects](/learn/typescript).
+تُعد TypeScript طريقة شائعة لإضافة تعريفات الأنواع إلى قواعد برمجيات JavaScript. [تعلم كيفية دمج TypeScript في مشاريع React الخاصة بك](/learn/typescript).
 
-## React Developer Tools {/*react-developer-tools*/}
+## أدوات مطوري React {/*react-developer-tools*/}
 
-React Developer Tools is a browser extension that can inspect React components, edit props and state, and identify performance problems. Learn how to install it [here](learn/react-developer-tools).
+أدوات مطوري React (React Developer Tools) هي إضافة للمتصفح يمكنها فحص مكونات React، وتعديل الخصائص (props) والحالة (state)، وتحديد مشاكل الأداء. تعلم كيفية تثبيتها [هنا](learn/react-developer-tools).
 
-## React Compiler {/*react-compiler*/}
+## مترجم React {/*react-compiler*/}
 
-React Compiler is a tool that automatically optimizes your React app. [Learn more](/learn/react-compiler).
+مترجم React (React Compiler) هو أداة تقوم تلقائيًا بتحسين تطبيق React الخاص بك. [تعلم المزيد](/learn/react-compiler).
 
-## Next steps {/*next-steps*/}
+## الخطوات التالية {/*next-steps*/}
 
-Head to the [Quick Start](/learn) guide for a tour of the most important React concepts you will encounter every day.
+توجه إلى دليل [البداية السريعة](/learn) للقيام بجولة حول أهم مفاهيم React التي ستصادفها كل يوم.