feat: add new color themes and styles for rose, violet, and yellow

- Introduced new CSS files for rose, violet, and yellow themes with custom color variables.
- Implemented dark mode styles for each theme.
- Created a color data structure to manage theme colors in the console settings.

feat: implement image cropper component

- Added an image cropper component for user profile picture editing.
- Integrated the image cropper into the user profile page.

feat: enhance console sidebar with user permissions

- Defined sidebar items with permission checks for admin and editor roles.
- Updated user center navigation to reflect user permissions.

feat: add user profile and security settings

- Developed user profile page with avatar upload and editing functionality.
- Implemented user security settings for password and email verification.

feat: create reusable dialog and OTP input components

- Built a dialog component for modal interactions.
- Developed an OTP input component for email verification.

fix: improve file handling utilities

- Added utility functions for file URI generation.
- Implemented permission checks for user roles in the common utilities.

web/src/api/user.ts

@@ -1,8 +1,8 @@
 import type { OidcConfig } from '@/models/oidc-config'
 import type { BaseResponse } from '@/models/resp'
 import type { RegisterRequest, User } from '@/models/user'
-import axiosClient from './client'
 import { CaptchaProvider } from '@/models/captcha'
+import axiosClient from './client'
 
 export async function userLogin(
   {
@@ -83,4 +83,9 @@ export async function getCaptchaConfig(): Promise<BaseResponse<{
     url?: string
   }>>('/user/captcha')
   return res.data
+}
+
+export async function updateUser(data: Partial<User>): Promise<BaseResponse<User>> {
+  const res = await axiosClient.put<BaseResponse<User>>(`/user/u/${data.id}`, data)
+  return res.data
 }