feat(color-picker): 🎨 add color picker component and integrate with forms

[aXenDeveloper]

Improving Documentation

• Run pnpm lint:fix to fix formatting issues before opening the PR.
• Read the Docs Contribution Guide: https://vitnode.com/docs/dev/contribution

Description

What?

Why?

[chatgpt-codex-connector]

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
vitnode-docs	Ready	Preview, Comment	Jul 13, 2026 5:27pm

[gemini-code-assist]

Code Review

This pull request introduces a new ColorPicker component built on react-colorful and integrates it into auto-forms via AutoFormColor. It also updates the database schema and Zod validation schemas to support color strings up to 50 characters, adds documentation, translation keys, examples, and tests, and fixes a bug in RolesAdminView where the updatedAt column cell was displaying createdAt. Feedback on the changes includes addressing layout issues in color-picker.tsx by adding flex classes and replacing non-standard Tailwind spacing classes (w-50, size-50), as well as safely destructuring otherProps in AutoFormColor to prevent potential runtime crashes.

Important

The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.