fix(registry): add explicit width to ColorDropdownMenuItems to prevent dropdown clipping (#5052)

When font or background color picker dropdown was opened in a narrow toolbar,
ColorDropdownMenuItems's 10-column grid clipped horizontally because no explicit width
was set on the grid container.

Fix:
- Add w-[276px] to ColorDropdownMenuItems grid container in font-color-toolbar-button.tsx.
- Add patch changeset for registry UI.

Closes #5052

Author: SamarthNimangre

.changeset/fix-font-color-toolbar-button-dropdown-width.md

@@ -0,0 +1,5 @@
+---
+"www": patch
+---
+
+Fix font & background color toolbar button dropdown clipping. Added explicit width (`w-[276px]`) to `ColorDropdownMenuItems` in `font-color-toolbar-button.tsx` so the 10-column color palette grid allocates full width without horizontal clipping.

apps/www/src/registry/ui/font-color-toolbar-button.tsx

@@ -520,7 +520,7 @@ export function ColorDropdownMenuItems({
   return (
     <div
       className={cn(
-        'grid grid-cols-[repeat(10,1fr)] place-items-center gap-x-1',
+        'grid w-[276px] grid-cols-[repeat(10,1fr)] place-items-center gap-x-1',
         className
       )}
       {...props}