fix date format

client/src/components/Message.tsx

@@ -32,7 +32,10 @@ const Likes = ({ likes }: {likes: number}) => {
 const Message = ({ message }: any) => {
   return (
     <>
-      <div className="flex bg-grey-dark rounded-xl w-full max-w-3xl p-5 gap-5 shadow-md shadow-grey-dark" id={"messageId" + message.id}>
+      <div
+        className="flex bg-grey-dark rounded-xl w-full max-w-3xl p-5 gap-5 shadow-md shadow-grey-dark"
+        id={'messageId' + message.id}
+      >
         {message.author && <Avatar user={message.author} />}
         <div className="flex flex-col gap-2 relative flex-grow">
           <div className="flex justify-between">
@@ -43,10 +46,17 @@ const Message = ({ message }: any) => {
           </div>
           <Text text={message.content} />
           <Image image={message.image} />
-          <div className="text-grey-light date">{message.createdAt}</div>
+          <div className="text-grey-light date">
+            {new Date(message.createdAt).toLocaleDateString(undefined, {
+              year: 'numeric',
+              month: 'long',
+              day: 'numeric',
+              hour: 'numeric',
+              minute: 'numeric',
+            })}
+          </div>
           <Likes likes={2} />
         </div>
-        
       </div>
     </>
   );