feat: add emoji picker to chat room message input

- Integrated emoji-picker-element library for emoji selection
- Added emoji toggle button in message input container
- Implemented emoji picker show/hide functionality
- Created CSS styles for emoji picker positioning
- Added event handling for emoji selection and outside click
- Updated package.json to include emoji-picker-element dependency
- Modified Prisma schema to use TEXT type for message content
- Updated Prisma migration scripts to use dotenv for environment configuration

apps/api/package.json

@@ -10,9 +10,9 @@
     "test": "ts-node --test test/**/*.test.ts",
     "start": "node dist/index.js",
     "dev": "nodemon --delay 2000ms src/index.ts",
-    "prisma:generate": "prisma generate",
-    "prisma:migrate": "prisma migrate dev",
-    "prisma:init": "prisma migrate dev --name init",
+    "prisma:generate": "dotenv -e ../../.env -- prisma generate",
+    "prisma:migrate": "dotenv -e ../../.env -- prisma migrate dev",
+    "prisma:init": "dotenv -e ../../.env -- prisma migrate dev --name init",
     "build": "tsc"
   },
   "keywords": [],

apps/api/prisma/migrations/20250307053052_update_content_type/migration.sql

@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE `Message` MODIFY `content` TEXT NOT NULL;

apps/api/prisma/schema.prisma

@@ -40,7 +40,7 @@ model Room {
 
 model Message {
   id        String   @id @default(uuid())
-  content   String
+  content   String   @db.Text
   createdAt DateTime @default(now())
   updatedAt DateTime @updatedAt
   userId    String