add more resolution to timeAgo, show createdAt on comments

app/lish/[did]/[publication]/[rkey]/Interactions/Comments/index.tsx

···
 }) => {
   const did = props.comment.bsky_profiles?.did;
 
+  let timeAgoDate = timeAgo(props.record.createdAt);
+  const formattedDate = useLocalizedDate(props.record.createdAt, {
+    year: "numeric",
+    month: "long",
+    day: "2-digit",
+  });
+
   return (
     <div id={props.comment.uri} className="comment">
       <div className="flex gap-2">
-        {did && (
+        {did ? (
           <ProfilePopover
             didOrHandle={did}
             trigger={
···
               </div>
             }
           />
-        )}
+        ) : null}
+        <div className="text-sm text-tertiary">{timeAgoDate}</div>
       </div>
       {props.record.attachment &&
         PubLeafletComment.isLinearDocumentQuote(props.record.attachment) && (

src/utils/timeAgo.ts

···
   const diffMinutes = Math.floor(diffSeconds / 60);
   const diffHours = Math.floor(diffMinutes / 60);
   const diffDays = Math.floor(diffHours / 24);
+  const diffWeeks = Math.floor(diffDays / 7);
+  const diffMonths = Math.floor(diffDays / 30);
   const diffYears = Math.floor(diffDays / 365);
 
   if (diffYears > 0) {
     return `${diffYears} year${diffYears === 1 ? "" : "s"} ago`;
+  } else if (diffMonths > 0) {
+    return `${diffMonths} month${diffMonths === 1 ? "" : "s"} ago`;
+  } else if (diffWeeks > 0) {
+    return `${diffWeeks} week${diffWeeks === 1 ? "" : "s"} ago`;
   } else if (diffDays > 0) {
     return `${diffDays} day${diffDays === 1 ? "" : "s"} ago`;
   } else if (diffHours > 0) {