Update to header block.

This update sustains the change to the Emblem for Authorities and manages RTL main navigation links.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aegov/design-system",
-  "version": "2.1.0",
+  "version": "2.1.3",
   "description": "A design system for the Government of the United Arab Emirates. The design system has been created based on research and information collected from in-depth studies conducted on user behaviour and benchmarking best practices. The primary use of this design system is to allow ministries of the United Arab Emirates to create consistent websites with components that are common and acceissible.",
   "keywords": [
     "design-system",

src/blocks/header/header.css

@@ -39,8 +39,14 @@
 .secondary-logo {
   @apply w-8 h-8 md:w-12 md:h-12 lg:w-14 lg:h-14 xl:w-[4.5rem] xl:h-[4.5rem] object-contain;
 }
-.emblem-logo {
-  @apply w-10 h-10 md:w-12 md:h-12 lg:w-16 lg:h-16 xl:w-[5rem] xl:h-[5rem] object-contain;
+.header-top-right {
+  @apply relative min-w-10 md:min-w-12 lg:min-w-16 xl:min-w-20 min-h-10 md:min-h-12 xl:min-h-20; 
+  > a {
+    @apply absolute -top-2 right-0 min-w-max min-h-max;
+  }
+  .emblem-logo {
+    @apply w-12 h-12 md:w-14 md:h-14 lg:w-[4.5rem] lg:h-[4.5rem] xl:w-24 xl:h-24 max-w-max;
+  }
 }
 /* .header-top {
   @apply py-2.5 lg:py-3;
@@ -89,6 +95,32 @@
     }
   }
 }
+
+[dir="rtl"] {
+  .aegov-header {
+    .main-navigation {
+      & .nav-menu {
+        & > .menu-item {
+          & > a {
+           @apply font-medium lg:font-bold lg:text-xs xl:text-sm 2xl:text-base;
+          }
+          &.menu-item-has-children {
+            & > a {
+              @apply gap-1 lg:gap-2;
+            }
+          }
+          &:first-child {
+            & > a {
+              & > span {
+                display:none;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
 .has-link-icon {
   & a {
     @apply inline-flex items-center gap-2 no-underline;