fix: distance between the login form and the top of the page (#3821)

#### What type of PR is this?

/kind bug
/area console
/milestone 2.5.0

#### What this PR does / why we need it:

修复登录表单与顶部间距异常的问题，并解决在 https://github.com/halo-dev/halo/pull/3756 中提到的在低分辨率屏幕下，语言选择和表单元素重叠的问题。

#### Which issue(s) this PR fixes:

Fixes https://github.com/halo-dev/halo/issues/3806

#### Special notes for your reviewer:

测试方式：

1. 检查登录页面的表单是否和以前的版本一致即可。
2. 可以尝试调整浏览器的缩放大小，检查是否有样式问题。

#### Does this PR introduce a user-facing change?

```release-note
None
```

console/src/modules/system/users/Binding.vue

@@ -51,9 +51,7 @@ function handleChangeType() {
 const isLoginType = computed(() => type.value !== "signup");
 </script>
 <template>
-  <div
-    class="flex h-screen flex-col items-center bg-white/90 pt-[30vh] sm:pt-[20vh]"
-  >
+  <div class="flex h-screen flex-col items-center bg-white/90 pt-[30vh]">
     <IconLogo class="mb-8" />
     <div class="flex w-72 flex-col">
       <SignupForm

console/src/modules/system/users/Login.vue

@@ -68,9 +68,7 @@ watch(
 );
 </script>
 <template>
-  <div
-    class="flex h-screen flex-col items-center bg-white/90 pt-[30vh] sm:pt-[20vh]"
-  >
+  <div class="flex h-screen flex-col items-center bg-white/90 pt-[30vh]">
     <IconLogo class="mb-8" />
     <div class="flex w-72 flex-col">
       <SignupForm v-if="type === 'signup'" @succeed="onLoginSucceed" />
@@ -100,7 +98,7 @@ watch(
       </div>
     </div>
     <div
-      class="absolute bottom-0 mb-10 flex items-center justify-center gap-2.5"
+      class="bottom-0 mb-10 mt-auto flex items-center justify-center gap-2.5"
     >
       <label
         for="locale"