blog-client.tsx

'use client'

import { useState, useEffect, useRef, useCallback, type ReactNode } from 'react'
import { Button } from '@/components/button'
import { Heading } from '@/components/heading'
import { Image } from '@/components/image'
import {
  SidebarStackProvider,
  useSidebarStack,
  AsyncSidebarRenderer,
  type ContentLoader,
} from '@/components/sidebar-stack'
import clsx from 'clsx'
import Link from 'next/link'
import { getSlug } from '@/tools/get-slug'
import chevronDownIcon from '@iconify/icons-heroicons/chevron-down'
import { DateTime } from 'luxon'

// Helper function to decode HTML entities
const decodeHtmlEntities = (str: string): string => {