feat: v0.4.0 — Apache service stack, shell access, log viewer, changelog

Service stack (backend):
- webserver.ts rewritten: apache2/php-fpm routes replacing nginx; per-account
  Apache log endpoint; PHP-FPM reload per version; apache2ctl configtest/reload
- accounts.ts: added PUT /:id/shell to toggle /bin/bash vs /usr/sbin/nologin,
  runs usermod -s and writes audit log

New UI features (nixserver):
- ShellAccess page: grant/revoke SSH access per account via AccountPicker
- ApacheLogs page: live log viewer (access/error) per account; replaces stub
- NginxLogs: re-exports ApacheLogs (NixPanel uses Apache, not NGINX)
- WebServer page: shows apache2, php8.2-fpm, php8.3-fpm status with reload
  buttons; config test; Apache log viewer

Bug fixes:
- Accounts.tsx: Lucide icon size prop type widened (string|number); removed
  unused Users import; dropped duplicate NGINX log card
- Removed soon badge from ShellAccess and ApacheLogs entries

Project:
- CHANGELOG.md created with full history from 0.2.x through 0.4.0
- All packages bumped from 0.3.2 to 0.4.0

nixserver/src/pages/accounts/Subdomains.tsx

@@ -0,0 +1,95 @@
+import { useEffect, useState } from 'react'
+import { Link } from 'react-router-dom'
+import { ChevronLeft, RefreshCw } from 'lucide-react'
+import { api } from '../../api/client'
+
+interface SubdomainItem {
+  id: number
+  subdomain: string
+  domain: string
+  accountId: number
+  documentRoot: string
+  status: string
+  createdAt: string
+  account: { username: string }
+}
+
+export default function Subdomains() {
+  const [items, setItems] = useState<SubdomainItem[]>([])
+  const [loading, setLoading] = useState(false)
+
+  const fetchData = async () => {
+    setLoading(true)
+    try {
+      const r = await api.get('/nixserver/accounts/subdomains')
+      setItems(r.data.data)
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  useEffect(() => { fetchData() }, [])
+
+  const statusColor: Record<string, string> = {
+    active: 'bg-emerald-500/10 text-emerald-400 border-emerald-500/20',
+    inactive: 'bg-[#2a2d3e] text-[#64748b] border-[#2a2d3e]',
+  }
+
+  return (
+    <div className="space-y-4">
+      <div className="flex items-center gap-2 text-sm">
+        <Link to="/accounts" className="flex items-center gap-1 text-[#64748b] hover:text-white transition-colors">
+          <ChevronLeft size={14} /> Accounts
+        </Link>
+        <span className="text-[#2a2d3e]">/</span>
+        <span className="text-white">List Subdomains</span>
+      </div>
+
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-white text-xl font-semibold">List Subdomains</h1>
+          <p className="text-[#64748b] text-sm">{items.length} subdomain{items.length !== 1 ? 's' : ''}</p>
+        </div>
+        <button onClick={fetchData} className="p-2 text-[#64748b] hover:text-white border border-[#2a2d3e] rounded-lg transition-colors">
+          <RefreshCw size={16} className={loading ? 'animate-spin' : ''} />
+        </button>
+      </div>
+
+      <div className="bg-[#1a1d27] border border-[#2a2d3e] rounded-xl overflow-hidden">
+        <table className="w-full text-sm">
+          <thead>
+            <tr className="border-b border-[#2a2d3e]">
+              {['Subdomain', 'Full Domain', 'Username', 'Document Root', 'Status', 'Created'].map(h => (
+                <th key={h} className="text-left text-[#64748b] font-medium px-4 py-3 text-xs">{h}</th>
+              ))}
+            </tr>
+          </thead>
+          <tbody>
+            {loading && (
+              <tr><td colSpan={6} className="text-center text-[#64748b] py-8">Loading...</td></tr>
+            )}
+            {!loading && items.map(sd => (
+              <tr key={sd.id} className="border-b border-[#2a2d3e] last:border-0 hover:bg-[#1e2130] transition-colors">
+                <td className="px-4 py-3 text-white font-medium">{sd.subdomain}</td>
+                <td className="px-4 py-3 text-[#94a3b8]">{sd.domain}</td>
+                <td className="px-4 py-3">
+                  <span className="text-indigo-400">{sd.account.username}</span>
+                </td>
+                <td className="px-4 py-3 text-[#64748b] font-mono text-xs truncate max-w-[200px]">{sd.documentRoot}</td>
+                <td className="px-4 py-3">
+                  <span className={`text-xs px-2 py-0.5 rounded-full border ${statusColor[sd.status] ?? 'text-[#94a3b8]'}`}>
+                    {sd.status}
+                  </span>
+                </td>
+                <td className="px-4 py-3 text-[#64748b] text-xs">{new Date(sd.createdAt).toLocaleDateString()}</td>
+              </tr>
+            ))}
+            {!loading && items.length === 0 && (
+              <tr><td colSpan={6} className="text-center text-[#64748b] py-8">No subdomains found</td></tr>
+            )}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  )
+}