Feat: add Emoji Picker Element

[namumakwembo]

Emoji Picker Element

Description

This pull request introduces a new emoji picker element with the following features:

1. Emoji Picker Functionality

   • Enables users to select emojis that are correctly inserted into the current selection within input and textarea fields.
   • Supports both light and dark themes to match Pinkary's overall design aesthetic.

2. Responsive Design

   • Positioned on the right-hand side of the screen, deemed the optimal placement for usability and accessibility.
   • Utilizes Alpine.js's anchor feature, ensuring the emoji picker remains correctly aligned and visible even when the page is scrolled.
   • Mobile-Friendly: The emoji picker is hidden on smaller screens to prioritize space and leverage mobile input's default emoji selector.

3. Bug Fixes

   • Resolved previously existing test failures to maintain a clean and error-free codebase.
   • Improved test coverage to address gaps uncovered during development.

Dark

Light