website: add RTL languages compatibility (#2056)

* website: add RTL languages compatibility

* website: add few changes

- update tailwindcss version
- add few stylings
- move to rtl true false approach

* website: set lang:en to rtl:true for testing

* website: add arabic key values & textual flag

* website: fix strong tag issues in ar translation.

* website: flip navbar for rtl languages

* disable Arabic

---------

Co-authored-by: Evgeny Poberezkin <2769109+epoberezkin@users.noreply.github.com>

website/src/css/style.css

@@ -313,6 +313,14 @@ header nav {
   display: none !important;
 }
 
+@media (max-width: 767px) {
+  .swiper-button-next, .swiper-button-prev {
+    opacity: 0;
+    pointer-events: none;
+    display: none !important;
+  }
+}
+
 .swiper-pagination-bullet {
   height: 14.31px;
   width: 14.31px;
@@ -366,6 +374,14 @@ header nav {
   background-color: #70F0F9;
 }
 
+.swiper-rtl .swiper-button-prev{
+  right: 0 !important;
+}
+
+.swiper-rtl .swiper-button-next{
+  left: 0 !important;
+}
+
 /* What makes simplex private */
 .card{
   cursor: pointer;
@@ -464,6 +480,11 @@ header nav {
   font-weight: 500;
   text-align: left;
 }
+
+[dir="rtl"] #comparison table tbody tr > td:first-child{
+  text-align: right;
+}
+
 @media (min-width: 1024px) {
   #comparison table tbody tr > td:first-child{
     font-size: 18px;