feat: add solid colors for avatar

[mcfdez]

What is this PR about?

This pull request adds support for solid color avatars in the profile settings, allowing users to select a color as their avatar. The implementation includes UI changes to the profile form, avatar rendering improvements, and new utility functions for avatar handling.

Profile Form Enhancements:

• Added a new solid color avatar option to the profile form, including a color picker input and a Palette icon for selection. The form now uses the getAvatarType and isSolidColorAvatar utilities to handle avatar types and values. [1] [2] [3]
• Updated the form logic to use a useRef for the color input and to properly handle color avatar selection and value changes.

Avatar Rendering Improvements:

• Modified the AvatarImage component to render a colored div when the avatar is a solid color, using the isSolidColorAvatar utility, ensuring consistent appearance for color avatars. [1] [2]

New Avatar Utility Functions:

• Introduced isSolidColorAvatar and getAvatarType in avatar-utils.ts to encapsulate logic for detecting and handling solid color avatars and determining avatar type for form selection.

Checklist

Before submitting this PR, please make sure that:

• You created a dedicated branch based on the canary branch.
• You have read the suggestions in the CONTRIBUTING.md file https://github.com/Dokploy/dokploy/blob/canary/CONTRIBUTING.md#pull-request
• You have tested this PR in your local instance.

Issues related

closes #213

Screenshots