Move css into styles folder

src/components/ReactionPicker.css

@@ -1,26 +0,0 @@
-.reaction-container {
-  position: relative; /* Parent must be positioned relatively */
-}
-
-.emoji-picker {
-  position: absolute; /* Picker positioned absolutely relative to the parent */
-  right: 0;
-  z-index: 9000000000; /* Ensure picker appears above other content */
-}
-
-.message-container {
-  overflow: visible; /* Ensure the message container doesn't cut off the picker */
-}
-
-.reaction-container {
-  position: relative;
-}
-
-.emoji-picker {
-  overflow: hidden;
-  width: auto;
-}
-
-.EmojiPickerReact.epr-dark-theme {
-  --epr-emoji-size: 18px; /* Adjust emoji size for dark mode */
-}

src/components/ReactionPicker.tsx

@@ -1,7 +1,7 @@
 import { useState, useRef, useEffect } from 'react';
 import ReactDOM from 'react-dom';
 import Picker, { EmojiStyle, Theme } from 'emoji-picker-react';
-import './ReactionPicker.css';
+import '../styles/ReactionPicker.css';
 import { ButtonBase } from '@mui/material';
 
 export const ReactionPicker = ({ onReaction }) => {