feat: refactor layouts and login components

src/components/login/LoginHeader.vue

@@ -0,0 +1,24 @@
+<template>
+  <div class="login-header-wrapper">
+    <h2 class="text-h5 text-primary font-weight-bold mb-2">{{ props.welcomeText }}</h2>
+    <p class="text-subtitle-1 text-secondary">{{ props.welcomeDescription }}</p>
+  </div>
+</template>
+
+<script setup lang="ts">
+const props = defineProps({
+  welcomeText: {
+    type: String,
+    default: '歡迎回來 👋🏻',
+  },
+  welcomeDescription: {
+    type: String,
+    default: '請輸入您的帳號密碼進行登入',
+  },
+})
+</script>
+<style scoped>
+.login-header-wrapper {
+  height: 140px;
+}
+</style>