In-app notification inbox, consolidate /profile into /me, theme realign

In-app notification center (Phase 5, migration 051):
- notifications.read_at + partial unread index. /me Notifications is now
  an inbox: unread styling, click to expand the message + mark read,
  "mark all as read", unread count. markNotificationsRead is a service-
  client write scoped to the caller's own member_id. Always-on channel:
  email-muted ('skipped') notifications still appear in-app.

Consolidate /profile into /me:
- Delete app/(app)/profile/*; /me is the single member page. Port the
  conflict-of-interest privileged-role nudge + last-disclosed date into
  /me's profile editor. Remove the "My profile" sidebar + command-palette
  entries; rename the /me nav label to "My membership". Repoint the
  recruitment empty-state link to /me.

Theme realign:
- Revert the rounded-lg cards introduced in the prior /me visual pass to
  rounded (the app norm, matching the former /profile). Route /me section
  headers through the SectionTitle primitive.

Regression guard:
- integration/auth-embed.test.ts runs the auth layout's
  space_members.select('*, spaces(*)') embed through PostgREST and fails
  on PGRST201, so a future junction table cannot silently break auth again.

app/(app)/me/notifications-inbox.tsx

@@ -0,0 +1,116 @@
+'use client'
+
+import { useState, useTransition } from 'react'
+import { useRouter } from 'next/navigation'
+import { Badge } from '@/components/ui/badge'
+import { Button } from '@/components/ui/button'
+import { markNotificationsRead } from '@/lib/actions'
+
+export type InboxItem = {
+  id: string
+  type: string
+  subject: string
+  bodyText: string
+  status: string
+  createdAt: string
+  sentAt: string | null
+  readAt: string | null
+}
+
+// The member's in-app notification inbox. Click an item to expand its message
+// (plain text) and mark it read; "Mark all as read" clears the rest. Read
+// state lives in notifications.read_at; this is the always-on channel, so a
+// notification whose email was muted ('skipped') still shows here.
+export function NotificationsInbox({
+  items,
+  unreadCount,
+}: {
+  items: InboxItem[]
+  unreadCount: number
+}) {
+  const router = useRouter()
+  const [expanded, setExpanded] = useState<string | null>(null)
+  const [pending, startTransition] = useTransition()
+
+  function open(n: InboxItem) {
+    setExpanded(e => (e === n.id ? null : n.id))
+    if (!n.readAt) {
+      startTransition(async () => {
+        await markNotificationsRead({ ids: [n.id] })
+        router.refresh()
+      })
+    }
+  }
+
+  function markAll() {
+    startTransition(async () => {
+      await markNotificationsRead({})
+      router.refresh()
+    })
+  }
+
+  if (items.length === 0) {
+    return (
+      <p className="font-sans text-sm text-muted-foreground">
+        No notifications yet. Dues receipts, booking and class updates, and form receipts show up here.
+      </p>
+    )
+  }
+
+  return (
+    <div className="space-y-3">
+      {unreadCount > 0 && (
+        <div className="flex items-center justify-between">
+          <span className="font-mono text-[10px] uppercase tracking-widest text-muted-foreground">
+            {unreadCount} unread
+          </span>
+          <Button size="sm" variant="outline" disabled={pending} onClick={markAll}>
+            Mark all as read
+          </Button>
+        </div>
+      )}
+      <ul className="divide-y rounded border border-border">
+        {items.map(n => {
+          const unread = !n.readAt
+          const isOpen = expanded === n.id
+          return (
+            <li key={n.id}>
+              <button
+                type="button"
+                onClick={() => open(n)}
+                className="w-full text-left p-4 flex items-start justify-between gap-4 hover:bg-muted/40"
+                aria-expanded={isOpen}
+              >
+                <div className="min-w-0 flex items-start gap-2">
+                  <span
+                    className={`mt-1.5 h-2 w-2 rounded-full shrink-0 ${unread ? 'bg-primary' : 'bg-transparent'}`}
+                    aria-hidden
+                  />
+                  <div className="min-w-0">
+                    <span className={`font-sans text-sm text-foreground ${unread ? 'font-semibold' : ''}`}>
+                      {n.subject}
+                    </span>
+                    <p className="font-mono text-[10px] text-muted-foreground mt-1">
+                      {new Date(n.createdAt).toLocaleString()}
+                      {n.sentAt
+                        ? ` · emailed ${new Date(n.sentAt).toLocaleDateString()}`
+                        : n.status === 'skipped'
+                          ? ' · email muted'
+                          : ''}
+                    </p>
+                  </div>
+                </div>
+                {unread && <Badge variant="outline">New</Badge>}
+              </button>
+              {isOpen && n.bodyText && (
+                <pre className="px-4 pb-4 font-sans text-sm text-muted-foreground whitespace-pre-wrap break-words">
+                  {n.bodyText}
+                </pre>
+              )}
+            </li>
+          )
+        })}
+      </ul>
+    </div>
+  )
+}