refactor: restructure authentication components and routes

- Removed the old reset password form component and replaced it with a new implementation.
- Updated routing paths for login, registration, and reset password to be under a common auth path.
- Added new login and registration pages with corresponding forms.
- Introduced a common auth header component for consistent branding across auth pages.
- Implemented a current logged-in user display component.
- Enhanced the register form to include email verification and captcha.
- Updated translations for new and modified components.
- Refactored the navigation bar to include user avatar dropdown and improved menu structure.

web/src/api/user.ts

@@ -1,6 +1,6 @@
 import type { OidcConfig } from '@/models/oidc-config'
 import type { BaseResponse } from '@/models/resp'
-import type { RegisterRequest, User } from '@/models/user'
+import type { User } from '@/models/user'
 import { CaptchaProvider } from '@/models/captcha'
 import axiosClient from './client'
 
@@ -31,11 +31,18 @@ export async function userLogout(): Promise<BaseResponse<null>> {
 }
 
 export async function userRegister(
-  data: RegisterRequest,
+  { username, password, email, verifyCode, captchaToken }: {
+    username: string
+    password: string
+    email: string
+    verifyCode?: string
+    captchaToken?: string
+  },
 ): Promise<BaseResponse<{ token: string, user: User }>> {
   const res = await axiosClient.post<BaseResponse<{ token: string, user: User }>>(
     '/user/register',
-    data,
+    { username, password, },
+    { headers: { 'X-Email': email, 'X-VerifyCode': verifyCode || '' , 'X-Captcha-Token': captchaToken || ''} },
   )
   return res.data
 }