Change `margin-left` & `margin-right` properties to fix a bug with RTL languages

[AbdulrhmanGoni]

Closes #286

What change does this pull request introduce?

Replaces the properties margin-left and margin-right of the icon and the buttons links inside title container section in language page with margin-inline-start and margin-inline-end, because when direction property of the icon and buttons links changed to "rtl", margin-inline-start and margin-inline-end change margins directions of the icon and buttons links to suit the "rtl" direction, Unlike margin-left and margin-right that keep the margins in one direction even if the direction of the icon and buttons links changed.

Screenshots

before changes:

After changes:

Checklist

• [x] I worked on a branch other than main.
• [x] I have fixed potential errors using yarn lint.
• [x] My branch is up-to-date with the Upstream main branch.
• [x] I ran yarn build to check everything still builds successfully.

[vercel[bot]]

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

Name	Status	Preview	Comments	Updated (UTC)
website	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 6, 2024 3:14pm

[AbdulrhmanGoni]

Thanks

My pleasure, That was my first contribution in Open-Source world :grin: