refactor: swap remaining physical tailwind classes for rtl-safe equivalents

frontend/src/components/Settings/SettingDetails.vue

@@ -10,7 +10,7 @@
 						{{ __(description) }}
 					</div>
 				</div>
-				<div class="gap-x-2">
+				<div class="flex items-center gap-x-2">
 					<Badge
 						v-if="data.isDirty"
 						:label="__('Not Saved')"

frontend/src/pages/Assignments.vue

@@ -109,11 +109,11 @@
 		<div v-else class="h-[53vh]">
 			<EmptyState type="Assignments" />
 		</div>
-		<div class="flex items-center justify-end space-x-3 pt-3 border-t px-5">
+		<div class="flex items-center justify-end gap-x-3 pt-3 border-t px-5">
 			<Button v-if="assignments.hasNextPage" @click="assignments.next()">
 				{{ __('Load More') }}
 			</Button>
-			<div v-if="assignments.hasNextPage" class="h-8 border-l"></div>
+			<div v-if="assignments.hasNextPage" class="h-8 border-s"></div>
 			<div class="text-ink-gray-5">
 				{{ assignments.data?.length }} {{ __('of') }}
 				{{ totalAssignments.data }}

frontend/src/pages/Batches/BatchForm.vue

@@ -275,7 +275,7 @@
 					</div>
 				</div>
 			</div>
-			<div class="border-l min-w-0">
+			<div class="border-s min-w-0">
 				<div class="border-b p-4">
 					<BatchCourses :batch="batch" />
 				</div>

frontend/src/pages/Courses/CourseImportModal.vue

@@ -59,7 +59,7 @@
 					class="h-[120px] flex items-center justify-center bg-surface-gray-1 border border-dashed border-outline-gray-3 rounded-md"
 				>
 					<div
-						class="w-fit bg-surface-white border rounded-md p-2 flex items-center justify-between items-center space-x-4 mx-5"
+						class="w-fit bg-surface-white border rounded-md p-2 flex items-center justify-between gap-x-4 mx-5"
 					>
 						<div class="space-y-2">
 							<div class="font-medium leading-5 text-ink-gray-9">