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/web/src/App.css

@@ -449,3 +449,32 @@ button:disabled {
     height: 50vh;
   }
 }
+
+/* Emoji Picker Styles */
+.message-input-container {
+  display: flex;
+  align-items: center;
+  flex: 1;
+}
+
+.emoji-toggle-button {
+  background: none;
+  border: none;
+  font-size: 1.5rem;
+  cursor: pointer;
+  margin-left: 0.5rem;
+  padding: 0.25rem;
+  line-height: 1;
+}
+
+.emoji-picker-container {
+  position: absolute;
+  bottom: 100%;
+  right: 0;
+  z-index: 10;
+  margin-bottom: 0.5rem;
+}
+
+.message-form {
+  position: relative;
+}