feat(web): render cms pages and navigation from db

apps/web/src/components/public-page-view.tsx

@@ -0,0 +1,26 @@
+type PageEntity = {
+  title: string
+  status: string
+  summary: string | null
+  content: string
+}
+
+type PublicPageViewProps = {
+  page: PageEntity
+}
+
+export function PublicPageView({ page }: PublicPageViewProps) {
+  return (
+    <article className="mx-auto flex w-full max-w-4xl flex-col gap-6 px-6 py-16">
+      <header className="space-y-3">
+        <p className="text-sm uppercase tracking-[0.2em] text-neutral-500">{page.status}</p>
+        <h1 className="text-4xl font-semibold tracking-tight">{page.title}</h1>
+        {page.summary ? <p className="text-neutral-600">{page.summary}</p> : null}
+      </header>
+
+      <section className="prose prose-neutral max-w-none whitespace-pre-wrap rounded-xl border border-neutral-200 bg-white p-6 text-neutral-800">
+        {page.content}
+      </section>
+    </article>
+  )
+}

apps/web/src/components/public-site-header.tsx

@@ -1,19 +1,11 @@
-"use client"
-
-import { useTranslations } from "next-intl"
+import { listPublicNavigation } from "@cms/db"
 
 import { Link } from "@/i18n/navigation"
 
 import { LanguageSwitcher } from "./language-switcher"
 
-export function PublicSiteHeader() {
-  const t = useTranslations("Layout")
-
-  const navItems = [
-    { href: "/", label: t("nav.home") },
-    { href: "/about", label: t("nav.about") },
-    { href: "/contact", label: t("nav.contact") },
-  ]
+export async function PublicSiteHeader() {
+  const navItems = await listPublicNavigation("header")
 
   return (
     <header className="border-b border-neutral-200 bg-white/80 backdrop-blur">
@@ -22,19 +14,28 @@ export function PublicSiteHeader() {
           href="/"
           className="text-sm font-semibold uppercase tracking-[0.2em] text-neutral-700"
         >
-          {t("brand")}
+          CMS Web
         </Link>
 
         <nav className="flex flex-wrap items-center gap-2">
-          {navItems.map((item) => (
+          {navItems.length === 0 ? (
             <Link
-              key={item.href}
-              href={item.href}
+              href="/"
               className="rounded-md border border-neutral-300 px-3 py-1.5 text-sm font-medium text-neutral-700 hover:bg-neutral-100"
             >
-              {item.label}
+              Home
             </Link>
-          ))}
+          ) : (
+            navItems.map((item) => (
+              <Link
+                key={item.id}
+                href={item.href}
+                className="rounded-md border border-neutral-300 px-3 py-1.5 text-sm font-medium text-neutral-700 hover:bg-neutral-100"
+              >
+                {item.label}
+              </Link>
+            ))
+          )}
         </nav>
 
         <LanguageSwitcher />