update author og img with bio in all the places

Author: JacobCoffee

src/pages/authors/[author].astro

@@ -45,7 +45,7 @@ const { slug, author, posts } = Astro.props;
 const avatarUrl = author.avatar || (author.github ? `https://github.com/${author.github}.png` : "");
 ---
 
-<BaseLayout title={`${author.name} | Python Insider`} image={withBase(`/og/authors/${slug}.png`)}>
+<BaseLayout title={`${author.name} | Python Insider`} description={author.bio} image={withBase(`/og/authors/${slug}.png`)}>
   <div class="animate-fade-up">
     <a
       href={withBase("/authors")}

src/pages/og/authors/[author].png.ts

@@ -25,18 +25,19 @@ export const getStaticPaths: GetStaticPaths = async () => {
       params: { author: author.id },
       props: {
         name: author.data.name,
+        bio: author.data.bio,
         postCount: authorCounts.get(author.id) || 0,
       },
     }));
 };
 
 export const GET: APIRoute = async ({ props }) => {
-  const { name, postCount } = props as { name: string; postCount: number };
+  const { name, bio, postCount } = props as { name: string; bio?: string; postCount: number };
 
   const fonts = await getFonts();
 
   const svg = await satori(
-    OgAuthorImage({ name, postCount }),
+    OgAuthorImage({ name, bio, postCount }),
     { width: 1200, height: 630, fonts },
   );