docs(www): add v3.0.0-beta.24 to changelog

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Author: lane711

www/src/app/changelog/page.mdx

@@ -99,6 +99,33 @@ export const sections = [
 
 
 
+{/* Version 3.0.0-beta.24 */}
+<div className="relative pl-8 pb-8 border-l-2 border-emerald-200 dark:border-emerald-800">
+  <div className="absolute -left-3 top-0 w-6 h-6 rounded-full bg-emerald-500 border-4 border-white dark:border-gray-900 shadow-lg"></div>
+
+  <div className="bg-gradient-to-br from-emerald-50 to-teal-50 dark:from-emerald-900/20 dark:to-teal-900/20 rounded-xl p-6 border border-emerald-200 dark:border-emerald-800 shadow-md hover:shadow-xl transition-shadow">
+    <div className="flex items-center gap-3 mb-4">
+      <span className="px-3 py-1 bg-emerald-500 text-white text-sm font-bold rounded-lg">v3.0.0-beta.24</span>
+      <span className="text-sm text-gray-600 dark:text-gray-400">July 2, 2026</span>
+      <span className="px-2 py-1 bg-gradient-to-r from-orange-100 to-red-100 dark:from-orange-900/30 dark:to-red-900/30 border border-orange-300 dark:border-orange-700 text-orange-800 dark:text-orange-300 text-xs font-bold rounded uppercase">Latest</span>
+    </div>
+
+    <div className="space-y-3">
+      <div>
+        <h4 className="text-sm font-bold text-emerald-800 dark:text-emerald-300 mb-2 flex items-center gap-2">
+          <span>✨</span> Highlights
+        </h4>
+        <ul className="space-y-1.5 ml-6 text-sm text-gray-700 dark:text-gray-300">
+          <li className="flex items-start gap-2"><span className="text-emerald-500">▸</span><strong>feat(mcp)</strong>: MCP Server plugin — expose SonicJS content as AI agent tools via the Model Context Protocol; any AI assistant can read, create, update, and query your CMS content</li>
+          <li className="flex items-start gap-2"><span className="text-emerald-500">▸</span><strong>feat(self-host)</strong>: Dockerfile hardening — <code>USER node</code> + <code>HEALTHCHECK</code>; entrypoint-based seed prevents concurrent SQLite corruption on cold start</li>
+          <li className="flex items-start gap-2"><span className="text-emerald-500">▸</span><strong>feat(www)</strong>: Agency-grade homepage redesign — full-bleed dark design system, live demo CTA (<a href="https://demo.sonicjs.com" className="underline">demo.sonicjs.com</a>), AI story, marketing footer</li>
+          <li className="flex items-start gap-2"><span className="text-emerald-500">▸</span><strong>fix(admin)</strong>: Content edit sidebar dates, author display name, and spurious Lexical console warning</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>
+
 {/* Version 3.0.0-beta.23 */}
 <div className="relative pl-8 pb-8 border-l-2 border-emerald-200 dark:border-emerald-800">
   <div className="absolute -left-3 top-0 w-6 h-6 rounded-full bg-emerald-500 border-4 border-white dark:border-gray-900 shadow-lg"></div>
@@ -107,7 +134,6 @@ export const sections = [
     <div className="flex items-center gap-3 mb-4">
       <span className="px-3 py-1 bg-emerald-500 text-white text-sm font-bold rounded-lg">v3.0.0-beta.23</span>
       <span className="text-sm text-gray-600 dark:text-gray-400">July 1, 2026</span>
-      <span className="px-2 py-1 bg-gradient-to-r from-orange-100 to-red-100 dark:from-orange-900/30 dark:to-red-900/30 border border-orange-300 dark:border-orange-700 text-orange-800 dark:text-orange-300 text-xs font-bold rounded uppercase">Latest</span>
     </div>
 
     <div className="space-y-3">