Finished translating Installation

Author: AbdulrehmanSuliman

src/components/MDX/MDXComponents.tsx

@@ -62,13 +62,13 @@ const Strong = (strong: JSX.IntrinsicElements['strong']) => (
 );
 
 const OL = (p: JSX.IntrinsicElements['ol']) => (
-  <ol className="mr-6 my-3 list-decimal" {...p} />
+  <ol className="ml-6 my-3 list-decimal" {...p} />
 );
 const LI = (p: JSX.IntrinsicElements['li']) => (
   <li className="leading-relaxed mb-1" {...p} />
 );
 const UL = (p: JSX.IntrinsicElements['ul']) => (
-  <ul className="mr-6 my-3 list-disc" {...p} />
+  <ul className="ml-6 my-3 list-disc" {...p} />
 );
 
 const Divider = () => (
@@ -402,7 +402,7 @@ export const MDXComponents = {
     return children;
   },
   MaxWidth({children}: {children: any}) {
-    return <div className="max-w-4xl mr-0 2xl:mx-auto">{children}</div>;
+    return <div className="max-w-4xl ml-0 2xl:mx-auto">{children}</div>;
   },
   Pitfall,
   Deprecated,

src/components/PageHeading.tsx

@@ -24,7 +24,7 @@ function PageHeading({
 }: PageHeadingProps) {
   return (
     <div className="px-5 sm:px-12 pt-3.5">
-      <div className="max-w-4xl mr-0 2xl:mx-auto">
+      <div className="max-w-4xl ml-0 2xl:mx-auto">
         {breadcrumbs ? <Breadcrumbs breadcrumbs={breadcrumbs} /> : null}
         <H1 className="mt-0 text-primary dark:text-primary-dark -mx-.5 break-words">
           {title}

src/sidebarLearn.json

@@ -21,7 +21,7 @@
       ]
     },
     {
-      "title": "Installation",
+      "title": "التثبيت",
       "path": "/learn/installation",
       "routes": [
         {

src/styles/index.css

@@ -713,7 +713,3 @@ ol.mdx-illustration-block {
     width: 100%;
   }
 }
-[lang='ar'] :is(h1, h2, h3, h4, h5, h6, p),
-[lang='ar'] :not(code, pre, .sp-layout) :is(ul, ol, li) {
-  direction: rtl;
-}