style: Add RTL support comments to SCSS and CSS files

- Add RTL margin override for .ms-2 class in Media navbar component
- Add RTL comment for form control feedback positioning in forms component
- Add RTL comments for brand wrapper title positioning in navbar component
- Add RTL comments for validation error background positioning
- Update compiled CSS files (TheAdmin.css and login.css) with RTL directives
- Improve right-to-left language support through SCSS/CSS RTL annotations

Author: Notorious-Ali

src/OrchardCore.Modules/OrchardCore.Media/Assets/scss/_navbar.scss

@@ -1,6 +1,10 @@
 .action-bar {
     border-bottom: var(--oc-media-border-content);
 
+    .ms-2 {
+        margin-right: 0.5rem !important; /*rtl:margin-left: 0.5rem !important;*/
+    }
+
     .media-filter {
         margin-top: 3px;
 

src/OrchardCore.Themes/TheAdmin/Assets/scss/components/_forms.scss

@@ -78,7 +78,7 @@ input[type="password"]::-ms-clear {
 }
 
 .has-filter .form-control-feedback {
-    left: 4.25rem;
+    left: 4.25rem; /*rtl:1rem*/
     top: 0.25rem;
 }
 

src/OrchardCore.Themes/TheAdmin/Assets/scss/components/_navbar.scss

@@ -27,7 +27,7 @@
         .brand-wrapper-title {
             display: block;
             position: absolute;
-            left: calc(var(--oc-start-navigation-width) + 10px);
+            left: calc(var(--oc-start-navigation-width) + 10px); /*rtl:right: calc(var(--oc-start-navigation-width) + 10px);*/
         }
     }
 
@@ -46,7 +46,7 @@
 
 .left-sidebar-compact .ta-navbar-top {
     .brand-wrapper-title {
-        left: calc(var(--oc-start-navigation-width-when-compact) + 15px);
+        left: calc(var(--oc-start-navigation-width-when-compact) + 15px); /*rtl:right: calc(var(--oc-start-navigation-width-when-compact) + 15px);*/
     }
 }
 

src/OrchardCore.Themes/TheAdmin/Assets/scss/components/_validations.scss

@@ -43,7 +43,7 @@ span.field-validation-error {
 input:not([type='checkbox']):not([type='radio']).input-validation-error {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
     background-repeat: no-repeat;
-    background-position: right calc(0.375em + 0.1875rem) center;
+    background-position: right calc(0.375em + 0.1875rem) center; /*rtl:left calc(0.375em + 0.1875rem) center*/
     background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 

src/OrchardCore.Themes/TheAdmin/wwwroot/css/TheAdmin.css

@@ -871,7 +871,7 @@ input[type=password]::-ms-clear {
 }
 
 .has-filter .form-control-feedback {
-  left: 4.25rem;
+  left: 4.25rem; /*rtl:1rem*/
   top: 0.25rem;
 }
 
@@ -8057,7 +8057,7 @@ div.editor-widget.find-widget .button.codicon:active {
   .ta-navbar-top .brand-wrapper-title {
     display: block;
     position: absolute;
-    left: calc(var(--oc-start-navigation-width) + 10px);
+    left: calc(var(--oc-start-navigation-width) + 10px); /*rtl:right: calc(var(--oc-start-navigation-width) + 10px);*/
   }
 }
 @media (max-width: 575.98px) {
@@ -8070,7 +8070,7 @@ div.editor-widget.find-widget .button.codicon:active {
 }
 
 .left-sidebar-compact .ta-navbar-top .brand-wrapper-title {
-  left: calc(var(--oc-start-navigation-width-when-compact) + 15px);
+  left: calc(var(--oc-start-navigation-width-when-compact) + 15px); /*rtl:right: calc(var(--oc-start-navigation-width-when-compact) + 15px);*/
 }
 
 .brand-wrapper-title > h1 {
@@ -8713,7 +8713,7 @@ span.field-validation-error {
 input:not([type=checkbox]):not([type=radio]).input-validation-error {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
-  background-position: right calc(0.375em + 0.1875rem) center;
+  background-position: right calc(0.375em + 0.1875rem) center; /*rtl:left calc(0.375em + 0.1875rem) center*/
   background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 

src/OrchardCore.Themes/TheAdmin/wwwroot/css/login.css

@@ -56,7 +56,7 @@ span.field-validation-error {
 input:not([type=checkbox]):not([type=radio]).input-validation-error {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
-  background-position: right calc(0.375em + 0.1875rem) center;
+  background-position: right calc(0.375em + 0.1875rem) center; /*rtl:left calc(0.375em + 0.1875rem) center*/
   background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }