feat: enhance blog functionality with new components and styles

- Added styles for WordPress table and button blocks in globals.css.
- Updated layout.tsx to include a favicon.
- Improved blog page layout and search functionality, including new search and filter icons.
- Implemented related posts feature in blog post pages with new BlogBlockquote and BlogPullquote components.
- Enhanced blog card display with a new variant for smaller cards.
- Updated blog collapse sections for better user interaction.
- Added new utility functions for extracting block data from WordPress content.

lib/wp-api.ts

@@ -132,6 +132,30 @@ export async function getPostBySlug(slug: string): Promise<WpPost | null> {
   return posts.length > 0 ? posts[0] : null;
 }
 
+export async function getRelatedPosts(
+  postId: number,
+  categoryIds: number[],
+  limit = 3
+): Promise<WpPost[]> {
+  const params = new URLSearchParams();
+  params.set("exclude", String(postId));
+  params.set("per_page", String(limit));
+  params.set("_embed", "1");
+  if (categoryIds.length > 0) {
+    params.set("categories", String(categoryIds[0]));
+  }
+
+  const url = `${WP_API_BASE}/posts?${params.toString()}`;
+  const res = await fetchWithTimeout(url);
+
+  if (!res.ok) {
+    throw new Error(`WP API error: ${res.status} ${res.statusText}`);
+  }
+
+  const posts: WpPost[] = await res.json();
+  return posts;
+}
+
 export async function getCategories(): Promise<WpCategory[]> {
   const url = `${WP_API_BASE}/categories?per_page=100`;
   const res = await fetchWithTimeout(url);