fix(frontend): fix buttons alignments in rtl direction

frontend/src/components/tasks/partials/RelatedTasks.vue

@@ -4,7 +4,7 @@
 			v-if="editEnabled && Object.keys(relatedTasks).length > 0"
 			id="showRelatedTasksFormButton"
 			v-tooltip="$t('task.relation.add')"
-			class="is-pulled-right add-task-relation-button d-print-none"
+			class="is-pulled-end add-task-relation-button d-print-none"
 			:class="{'is-active': showNewRelationForm}"
 			variant="secondary"
 			icon="plus"

frontend/src/styles/theme/helpers.scss

@@ -4,6 +4,10 @@
   }
 }
 
-.is-pulled-right {
+.is-pulled-end {
   float: right !important;
 }
+
+[dir="rtl"] .is-pulled-end {
+  float: left !important;
+}

frontend/src/views/labels/ListLabels.vue

@@ -5,7 +5,7 @@
 	>
 		<XButton
 			:to="{name:'labels.create'}"
-			class="is-pulled-right"
+			class="is-pulled-end"
 			icon="plus"
 		>
 			{{ $t('label.create.header') }}

frontend/src/views/teams/ListTeams.vue

@@ -5,7 +5,7 @@
 	>
 		<XButton
 			:to="{name:'teams.create'}"
-			class="is-pulled-right"
+			class="is-pulled-end"
 			icon="plus"
 		>
 			{{ $t('team.create.title') }}