Mobile Responsive Emoji Picker

[Akash504-ai]

Description

The emoji reaction picker currently follows desktop positioning, which makes it difficult to use on mobile. It should be repositioned and resized for better touch interaction.

Tasks

• Center the emoji picker horizontally on mobile
• Increase emoji size for better touch accuracy (e.g., text-2xl)
• Add a scale animation using framer-motion
• Implement a click-away backdrop to close the picker
• Ensure proper z-index so it appears above chat UI elements

Expected Behavior

The emoji picker should appear in a reachable, centered position with large, tappable icons and smooth animations.