FIX: Categories' viewers for recommendations on HomePage;

FIX: New messages sent into chat by streamer are correctly highlighted;
REFACTOR: Remove console log & comment;

frontend/package.json

@@ -1,7 +1,7 @@
 {
   "name": "frontend",
   "private": true,
-  "version": "0.15.0",
+  "version": "1.0.0",
   "type": "module",
   "scripts": {
     "dev": "vite --config vite.config.dev.ts",

frontend/src/components/Layout/ListRow.tsx

@@ -169,7 +169,6 @@ const ListRow = forwardRef<ListRowRef, ListRowProps>((props, ref) => {
 										/>
 									);
 								} else if (type === "vod" && isVodType(item)) {
-									console.log(item);
 									return (
 										<VodListItem
 											key={`vod-${item.vod_id}`}

frontend/src/components/Stream/ChatPanel.tsx

@@ -139,6 +139,7 @@ const ChatPanel: React.FC<ChatPanelProps> = ({ streamId, onViewerCountChange })
 		}
 
 		socket.emit("send_message", {
+			user_id: userId,
 			username: username,
 			stream_id: streamId,
 			message: inputMessage.trim(),
@@ -193,7 +194,7 @@ const ChatPanel: React.FC<ChatPanelProps> = ({ streamId, onViewerCountChange })
 					<div
 						key={index}
 						className={`flex items-start space-x-2 rounded p-2 text-white relative ${
-							msg.chatter_id === streamId ? "bg-[#0000a0] font-black border-4 border-double border-red-500" : "bg-gray-800"
+							msg.chatter_id === streamId ? "bg-[#00005e] font-black border-4 border-double border-red-500" : "bg-gray-800"
 						}`}
 					>
 						{/* User avatar with image */}