feat: add emoji picker to About editor

[deepshekhardas]

What does this PR do?

Adds an emoji picker to the rich-text editor used in the 'About' section of the user profile.

The Problem

Users previously had to copy-paste or use system shortcuts to add emojis to their profile bio, which was inconsistent and lacked parity with other rich-text features.

The Solution

• Integrated emoji-picker-react into the ToolbarPlugin.
• Added an emoji button (sparkles icon) that opens a Popover.
• Emojis are inserted at the current cursor position as plain Unicode text.
• No backend or schema changes required.

Fixes #27935

[cubic-dev-ai]

1 issue found across 3 files

Prompt for AI agents (unresolved issues)

Check if these issues are valid — if so, understand the root cause of each and fix them. If appropriate, use sub-agents to investigate and fix each issue separately.


<file name="packages/ui/components/editor/plugins/ToolbarPlugin.tsx">

<violation number="1" location="packages/ui/components/editor/plugins/ToolbarPlugin.tsx:551">
P2: Emoji picker is not conditionally rendered unlike other toolbar items. Should wrap the Popover in `{!props.excludedToolbarItems?.includes("emoji") && (...)}` to match the existing pattern for toolbar item exclusions.</violation>
</file>

_{Reply with feedback, questions, or to request a fix. Tag @cubic-dev-ai to re-run a review.}

[cubic-dev-ai]

P2: Emoji picker is not conditionally rendered unlike other toolbar items. Should wrap the Popover in {!props.excludedToolbarItems?.includes("emoji") && (...)} to match the existing pattern for toolbar item exclusions.

Prompt for AI agents

Check if this issue is valid — if so, understand the root cause and fix it. At packages/ui/components/editor/plugins/ToolbarPlugin.tsx, line 551:

<comment>Emoji picker is not conditionally rendered unlike other toolbar items. Should wrap the Popover in `{!props.excludedToolbarItems?.includes("emoji") && (...)}` to match the existing pattern for toolbar item exclusions.</comment>

<file context>
@@ -537,6 +548,26 @@ export default function ToolbarPlugin(props: TextEditorProps) {
               {isLink && createPortal(<FloatingLinkEditor editor={editor} />, document.body)}{" "}
             </>
           )}
+          <Popover>
+            <PopoverTrigger asChild>
+              <Button
</file context>

[romitg2]

@deepshekhardas issue needs approval, will reopen if team approves the issue.