feat: Support dark mode in login pages (#7420)

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>

app/javascript/v3/components/Divider/SimpleDivider.vue

@@ -0,0 +1,24 @@
+<template>
+  <div class="relative my-4 section-separator">
+    <div class="absolute inset-0 flex items-center" aria-hidden="true">
+      <div class="w-full border-t border-slate-200 dark:border-slate-600" />
+    </div>
+    <div v-if="label" class="relative flex justify-center text-sm">
+      <span
+        class="bg-white dark:bg-slate-800 px-2 text-slate-500 dark:text-white"
+      >
+        {{ label }}
+      </span>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    label: {
+      type: String,
+      default: '',
+    },
+  },
+};
+</script>