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.

app/globals.css

@@ -231,3 +231,68 @@
     transition: all 0.3s ease;
   }
 }
+
+
+/* WordPress table block (figure.wp-block-table > table) */
+.wp-block-table {
+  margin: 1.5rem 0;
+  overflow-x: auto;
+  border-radius: var(--radius);
+}
+
+.wp-block-table table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 0.9375rem;
+
+}
+
+.wp-block-table table.has-fixed-layout {
+  table-layout: fixed;
+}
+
+.wp-block-table th,
+.wp-block-table td {
+  padding: 0.75rem 1rem;
+  border: 1px solid var(--border);
+  text-align: right;
+  min-width: 850px;
+}
+
+.wp-block-table tbody tr:first-child th,
+.wp-block-table tbody tr:first-child td {
+  background: var(--muted);
+  font-weight: 600;
+  color: var(--foreground);
+}
+
+.wp-block-table tbody tr:not(:first-child):hover td {
+  background: var(--muted);
+}
+
+.wp-block-table thead th {
+  background: var(--muted);
+  font-weight: 600;
+  color: var(--foreground);
+}
+
+
+.wp-block-button > .wp-element-button {
+  @apply inline-flex bg-primary text-primary-foreground  px-4 py-2 rounded-md hover:bg-primary/80 hover:text-primary-foreground/80 cursor-pointer no-underline;
+}
+
+.wp-block-button  {
+  @apply inline-flex;
+}
+
+.wp-block-button.is-style-outline > .wp-element-button {
+  @apply bg-transparent text-foreground border border-2 border-primary hover:text-primary cursor-pointer no-underline;
+}
+
+.cta-block {
+  @apply flex flex-col gap-4 border rounded-md border-primary/50 p-4 items-center my-4 shadow-sm bg-primary/5 text-primary;
+}
+
+.wp-block-image {
+  @apply rounded-md overflow-hidden shadow-sm;
+}