fix(docs): resolve code review issues in blog layout

- Remove hardcoded author map from Info/index.tsx; the wrapped Info
  component already renders resolved author data from Docusaurus
- Replace client-side new Date().toLocaleDateString() with
  metadata.formattedDate in BlogListPage to avoid timezone-based
  off-by-one day shifts for viewers west of UTC

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Signed-off-by: Angie Jones <angie@Angies-MacBook-Pro.local>

Author: 2 people

documentation/src/theme/BlogListPage/index.tsx

@@ -30,13 +30,6 @@ function BlogListPageMetadata(props: Props): ReactNode {
   );
 }
 
-const formatDate = (dateString: string): string =>
-  new Date(dateString).toLocaleDateString('en-US', {
-    year: 'numeric',
-    month: 'long',
-    day: 'numeric'
-  });
-
 const getAuthorName = (author: any): string =>
   typeof author === 'string' ? author : (author.name || author.key || author);
 
@@ -83,14 +76,14 @@ function FeaturedPost({ post }: { post: any }) {
   const url = useBaseUrl(post.content.metadata.permalink);
   const imageUrl = post.content.frontMatter.image ? useBaseUrl(post.content.frontMatter.image) : null;
   const title = post.content.metadata.title;
-  const date = post.content.metadata.date;
+  const formattedDate = post.content.metadata.formattedDate;
   const description = post.content.metadata.description || post.content.frontMatter.description;
   const authors = post.content?.metadata?.authors || post.content?.frontMatter?.authors || [];
 
   return (
     <article className={styles.featuredPost}>
       <div className={styles.featuredContent}>
-        <div className={styles.featuredDate}>{formatDate(date)}</div>
+        <div className={styles.featuredDate}>{formattedDate}</div>
         <h2 className={styles.featuredTitle}>
           <a href={url}>{title}</a>
         </h2>
@@ -114,7 +107,7 @@ function BlogPostGrid({ posts }: { posts: any[] }) {
         const url = useBaseUrl(post.content.metadata.permalink);
         const imageUrl = post.content.frontMatter.image ? useBaseUrl(post.content.frontMatter.image) : null;
         const title = post.content.metadata.title;
-        const date = post.content.metadata.date;
+        const formattedDate = post.content.metadata.formattedDate;
         const description = post.content.metadata.description || post.content.frontMatter.description;
         const authors = post.content?.metadata?.authors || post.content?.frontMatter?.authors || [];
 
@@ -126,7 +119,7 @@ function BlogPostGrid({ posts }: { posts: any[] }) {
               </div>
             )}
             <div className={styles.postContent}>
-              <div className={styles.postDate}>{formatDate(date)}</div>
+              <div className={styles.postDate}>{formattedDate}</div>
               <h3 className={styles.postTitle}>
                 <a href={url}>{title}</a>
               </h3>

documentation/src/theme/BlogPostItem/Header/Info/index.tsx

@@ -6,97 +6,22 @@ import { useBlogPost } from '@docusaurus/plugin-content-blog/client';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import SocialShare from '@site/src/components/SocialShare';
 
-interface Author {
-  name: string;
-  image_url?: string;
-  title?: string;
-}
-
 type Props = WrapperProps<typeof InfoType>;
 
 function buildPostUrl(siteUrl: string, permalink: string): string {
   const base = siteUrl.endsWith('/') ? siteUrl.slice(0, -1) : siteUrl;
   return `${base}${permalink}`;
 }
 
-function AuthorDisplay({ authors }: { authors: string[] }) {
-  if (!authors || authors.length === 0) return null;
-
-  // Author data - simplified mapping for the key authors
-  const authorData: Record<string, Author> = {
-    adewale: {
-      name: "Adewale Abati",
-      image_url: "https://avatars.githubusercontent.com/u/4003538?v=4"
-    },
-    angie: {
-      name: "Angie Jones",
-      image_url: "https://avatars.githubusercontent.com/u/15972783?v=4"
-    },
-    tania: {
-      name: "Tania Chakraborty",
-      image_url: "https://avatars.githubusercontent.com/u/126204004?v=4"
-    },
-    mic: {
-      name: "Michael Neale",
-      image_url: "https://avatars.githubusercontent.com/u/14976?v=4"
-    }
-  };
-
-  const authorsToDisplay = authors.slice(0, 3);
-  const hasMore = authors.length > 3;
-
-  return (
-    <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
-      {authorsToDisplay.map((authorKey, index) => {
-        const author = authorData[authorKey] || { name: authorKey };
-
-        return (
-          <div key={index} style={{ display: 'flex', alignItems: 'center', gap: '0.25rem' }}>
-            {author.image_url && (
-              <img
-                src={author.image_url}
-                alt={author.name}
-                style={{
-                  width: '20px',
-                  height: '20px',
-                  borderRadius: '50%',
-                  border: '1px solid var(--ifm-color-emphasis-200)'
-                }}
-              />
-            )}
-            <span style={{ fontSize: '0.85rem', color: 'var(--ifm-color-content-secondary)' }}>
-              {author.name}
-            </span>
-          </div>
-        );
-      })}
-      {hasMore && (
-        <span style={{ fontSize: '0.85rem', color: 'var(--ifm-color-content-secondary)' }}>
-          +{authors.length - 3} more
-        </span>
-      )}
-    </div>
-  );
-}
-
 export default function InfoWrapper(props: Props): JSX.Element {
-  const { metadata, isBlogPostPage, frontMatter } = useBlogPost();
+  const { metadata, isBlogPostPage } = useBlogPost();
   const { siteConfig } = useDocusaurusContext();
 
   const postUrl = buildPostUrl(siteConfig.url, metadata.permalink);
-  const authors = frontMatter.authors || [];
 
   return (
-    <div style={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap', gap: '0.5rem' }}>
+    <div style={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap', gap: '0.25rem' }}>
       <Info {...props} />
-
-      {authors.length > 0 && (
-        <>
-          <span style={{ margin: '0 0.125rem' }}> · </span>
-          <AuthorDisplay authors={authors} />
-        </>
-      )}
-
       {isBlogPostPage && (
         <>
           <span style={{ margin: '0 0.125rem' }}> · </span>