upd

src/components/Chat.tsx

@@ -98,7 +98,7 @@ function Chat({ className, handleClose }: ChatProps) {
       ].join(" ")}
     >
       <div className="border-b pb-3 border-y-neutral-800 flex justify-between">
-        <p className="text-2xl ">Chat</p>
+        <p className="text-2xl font-gilroy">Чат</p>
         <button onClick={handleClose}>
           <CloseIcon />
         </button>
@@ -109,7 +109,7 @@ function Chat({ className, handleClose }: ChatProps) {
       >
         {messages.map((data, index) => (
           <p key={index} className="break-words">
-            <b>{data.id}:</b> <span>{data.message}</span>
+            <b>{data.city && data.city + ":"}</b> <span>{data.message}</span>
           </p>
         ))}
 
@@ -141,7 +141,7 @@ function Chat({ className, handleClose }: ChatProps) {
         <input
           ref={inputRef}
           type="text"
-          placeholder="Message"
+          placeholder="Написать сообщение..."
           autoFocus
           autoComplete="off"
           value={message}
@@ -152,7 +152,7 @@ function Chat({ className, handleClose }: ChatProps) {
           type="submit"
           className="p-2 bg-blue-700 hover:bg-blue-800 transition-colors outline-none rounded"
         >
-          Send
+          Отправить
         </button>
       </form>
     </div>