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/package.json

@@ -37,6 +37,7 @@
     "deepmerge": "^4.3.1",
     "field-conv": "^1.0.9",
     "highlight.js": "^11.11.1",
+    "input-otp": "^1.4.2",
     "lucide-react": "^0.525.0",
     "md5": "^2.3.0",
     "motion": "^12.23.12",
@@ -48,6 +49,7 @@
     "react-dom": "19.1.0",
     "react-google-recaptcha-v3": "^1.11.0",
     "react-icons": "^5.5.0",
+    "react-image-crop": "^11.0.10",
     "recharts": "2.15.4",
     "rehype-highlight": "^7.0.2",
     "sonner": "^2.0.6",