feat: convert site to astro via codex

www/src/components/BlogCard.astro

@@ -0,0 +1,14 @@
+---
+const { post, prefix = '' } = Astro.props;
+const href = `${prefix}/library/${post.data.slug}`.replace('//', '/');
+const readMore = { en: 'Read More', es: 'Leer Más', ar: 'اقرأ المزيد' }[post.data.lang] || 'Read More';
+---
+<article class="card blog-card">
+  {post.data.featuredImage && <a href={href}><img src={post.data.featuredImage} alt={post.data.alt || ''} loading="lazy" /></a>}
+  <div class="card-body">
+    <div class="blog-card-meta"><img src="/assets/images/rula-diab-avatar.jpg" alt="" /><p>Rula Diab, Clinical Director, M.Ed, BCBA, LBA<br /><time datetime={post.data.date.toISOString()}>{post.data.date.toLocaleDateString(post.data.lang, { day: 'numeric', month: 'long', year: 'numeric' })}</time></p></div>
+    <h3><a href={href}>{post.data.title}</a></h3>
+    <p>{post.data.description}</p>
+    <a class="text-link" href={href}>{readMore}</a>
+  </div>
+</article>