Fix(NcActionButton): Add RTL support to NcActionButton component

Signed-off-by: Faisal Alghamdi <[email protected]>

src/assets/action.scss

@@ -37,7 +37,7 @@
 		height: auto;
 		margin: 0;
 		padding: 0;
-		padding-right: $icon-margin;
+		padding-inline-end: $icon-margin;
 		box-sizing: border-box; // otherwise router-link overflows in Firefox
 
 		cursor: pointer;
@@ -75,6 +75,9 @@
 			.material-design-icon__svg {
 				vertical-align: middle;
 			}
+			body[dir=rtl] & {
+				transform: scaleX(-1);
+			}
 		}
 
 		// long text area
@@ -110,10 +113,10 @@
 
 		&__menu-icon {
 			// Push to the right
-			margin-left: auto;
+			margin-inline-start: auto;
 			// Align with right end of the button
 			// This is the padding-right
-			margin-right: calc($icon-margin * -1);
+			margin-inline-end: calc($icon-margin * -1);
 		}
 	}
 }