refactor: layout of reset password page (#5960)

#### What type of PR is this?

/area ui
/kind improvement
/milestone 2.16.x

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

让 UC 端的重置密码页面使用和登录相关页面一样的 GatewayLayout 布局组件。

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

```release-note
None
```

ui/console-src/router/routes.config.ts

@@ -2,7 +2,7 @@ import type { RouteRecordRaw } from "vue-router";
 import NotFound from "@/views/exceptions/NotFound.vue";
 import Forbidden from "@/views/exceptions/Forbidden.vue";
 import BasicLayout from "@console/layouts/BasicLayout.vue";
-import GatewayLayout from "@console/layouts/GatewayLayout.vue";
+import GatewayLayout from "@/layouts/GatewayLayout.vue";
 import Setup from "@console/views/system/Setup.vue";
 import Redirect from "@console/views/system/Redirect.vue";
 import SetupInitialData from "@console/views/system/SetupInitialData.vue";

ui/uc-src/router/routes.config.ts

@@ -3,6 +3,7 @@ import NotFound from "@/views/exceptions/NotFound.vue";
 import Forbidden from "@/views/exceptions/Forbidden.vue";
 import BasicLayout from "@uc/layouts/BasicLayout.vue";
 import ResetPassword from "@uc/views/ResetPassword.vue";
+import GatewayLayout from "@/layouts/GatewayLayout.vue";
 
 export const routes: Array<RouteRecordRaw> = [
   {
@@ -23,12 +24,18 @@ export const routes: Array<RouteRecordRaw> = [
   },
   {
     path: "/reset-password/:username",
-    component: ResetPassword,
+    component: GatewayLayout,
+    children: [
+      {
+        path: "",
         name: "ResetPassword",
+        component: ResetPassword,
         meta: {
           title: "core.uc_reset_password.title",
         },
       },
+    ],
+  },
 ];
 
 export default routes;

ui/uc-src/views/ResetPassword.vue

@@ -4,7 +4,6 @@ import { Toast, VButton } from "@halo-dev/components";
 import { useRouteParams, useRouteQuery } from "@vueuse/router";
 import { ref } from "vue";
 import { useI18n } from "vue-i18n";
-import IconLogo from "~icons/core/logo?width=5rem&height=2rem";
 
 const { t } = useI18n();
 
@@ -46,10 +45,6 @@ const inputClasses = {
 </script>
 
 <template>
-  <div
-    class="flex h-screen flex-col items-center overflow-auto bg-white/90 pt-[30vh]"
-  >
-    <IconLogo class="mb-8 flex-none" />
   <div class="flex w-72 flex-col">
     <FormKit
       id="reset-password-form"
@@ -110,5 +105,4 @@ const inputClasses = {
       {{ $t("core.uc_reset_password.operations.reset.button") }}
     </VButton>
   </div>
-  </div>
 </template>