docs(www): add v3.0.0-beta.23 to changelog and homepage

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

Author: lane711

www/src/app/changelog/page.mdx

@@ -99,6 +99,32 @@ export const sections = [
 
 
 
+{/* 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>
+
+  <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.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">
+      <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(self-host)</strong>: Tier 1 Docker / Node.js self-hosted deployment — run SonicJS on any server or container with SQLite persistence, no Cloudflare account required</li>
+          <li className="flex items-start gap-2"><span className="text-emerald-500">▸</span><strong>feat(self-host)</strong>: <code>npm run reset</code> first-boot seed — creates admin user + RBAC grants in a single idempotent command</li>
+          <li className="flex items-start gap-2"><span className="text-emerald-500">▸</span><strong>docs</strong>: New <a href="/self-hosting" className="underline">Self-Hosting guide</a> + <a href="/blog/self-host-sonicjs-with-docker" className="underline">Docker deployment blog post</a></li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>
+
 {/* Version 3.0.0-beta.22 */}
 <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 +133,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.22</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">