fix(www): resolve build errors blocking deploy (#933)

- rehype.mjs: guard parentNode.properties before set — mdxJsxFlowElement
  nodes (inline code in JSX <li>/<span>) have no properties object,
  causing "Cannot set properties of undefined (setting 'language')"
- blog/[slug]/page.tsx: pass Callout to compileMDX components map —
  blog posts using <Callout> crashed with "Expected component Callout
  to be defined"

Author: lane711

www/src/app/blog/[slug]/page.tsx

@@ -8,6 +8,7 @@ import { ShareButtons } from '../components/ShareButtons'
 import { RelatedPosts } from '../components/RelatedPosts'
 import { BlogPostSchema, BreadcrumbSchema } from '../components/StructuredData'
 import { TLDRBox } from '../components/TLDRBox'
+import { Callout } from '@/components/Callout'
 
 // Force static generation - required for Cloudflare Workers deployment
 export const dynamic = 'force-static'
@@ -82,6 +83,7 @@ export default async function BlogPostPage({ params }: PageProps) {
     source: post.content,
     components: {
       TLDRBox,
+      Callout,
     },
     options: {
       mdxOptions: {

www/src/mdx/rehype.mjs

@@ -8,9 +8,9 @@ import { visit } from 'unist-util-visit'
 function rehypeParseCodeBlocks() {
   return (tree) => {
     visit(tree, 'element', (node, _nodeIndex, parentNode) => {
-      if (node.tagName === 'code') {
-        parentNode.properties.language = node.properties.className
-          ? node.properties?.className[0]?.replace(/^language-/, '')
+      if (node.tagName === 'code' && parentNode?.properties != null) {
+        parentNode.properties.language = node.properties?.className
+          ? node.properties.className[0]?.replace(/^language-/, '')
           : 'txt'
       }
     })