refactor(client): move margin and padding to inline values (#49100)

client/src/components/Footer/footer.css

@@ -10,8 +10,7 @@
 }
 
 .footer-container {
-  margin-right: auto;
-  margin-left: auto;
+  margin-inline: auto;
   padding: 40px 15px;
   font-size: 16px;
   overflow-x: hidden;

client/src/templates/Challenges/classic/classic.css

@@ -44,7 +44,7 @@
 
 .monaco-editor-tabs {
   display: flex;
-  margin-right: auto;
+  margin-inline-end: auto;
 }
 
 .monaco-editor-tabs button:not(:first-child) {

client/src/templates/Challenges/components/challenge-title.css

@@ -22,7 +22,7 @@
   justify-content: space-around;
   list-style-type: none;
   margin-bottom: 0;
-  padding-left: 0;
+  padding-inline-start: 0;
   width: 100%;
 }
 

client/src/templates/Challenges/odin/show.css

@@ -8,7 +8,7 @@ input[type='checkbox'] {
   min-height: 1.15em;
   max-width: 1.15em;
   max-height: 1.15em;
-  margin-right: 15px;
+  margin-inline-end: 15px;
   border: 2px solid black;
   border-radius: 0.15em;
   transform: translateY(-0.075em);

client/src/templates/Introduction/intro.css

@@ -201,13 +201,13 @@ button.map-title {
 }
 
 .map-title-completed {
-  margin-left: auto;
+  margin-inline-start: auto;
   min-width: 100px;
   padding-inline-start: 20px;
 }
 
 .map-title-completed-big {
-  margin-left: auto;
+  margin-inline-start: auto;
   padding-inline-end: 15px;
   padding-inline-start: 20px;
   position: relative;
@@ -227,7 +227,7 @@ button.map-title {
 
 .block-grid .map-title > svg:last-child {
   transform: rotate(180deg);
-  margin-left: auto;
+  margin-inline-start: auto;
 }
 
 .block-grid.open .map-title > svg:last-child {