Panels: per-device dashboard sets, paired by code

A panel is one screen and the ordered set of whole dashboards it shows, so a
hallway tablet and a workshop tablet carry different sets without either
dashboard knowing about the other. More than one and the device draws a rail
to switch between them — the same rail the editor puts on screen, because the
wall has it and it takes room off the canvas.

A screen has no keyboard, so it pairs rather than logs in: it shows a
six-character code, somebody approves it against a panel from the dashboards
overview, and the credential that mints reaches that panel's published
dashboards and the message endpoints its widgets speak, and nothing else.
Deleting the panel revokes it.

Closes the per-device view and the kiosk credential; supersedes the
multi-page/multi-section UI, since a page is now a dashboard of its own.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01AHpLJHozysQXjsxAyU1WHj

frontend/src/components/Common/OverviewToolbar.tsx

@@ -1,7 +1,7 @@
 import { useMutation } from "@tanstack/react-query"
 import { Check, Loader2, Plus, Search } from "lucide-react"
 import { motion } from "motion/react"
-import { useRef, useState } from "react"
+import { type ReactNode, useRef, useState } from "react"
 
 import { Button } from "@/components/ui/button"
 import { DialogTrigger } from "@/components/ui/dialog"
@@ -38,6 +38,7 @@ export function OverviewToolbar({
   draftCount,
   publishing,
   onPublishAll,
+  children,
 }: {
   search: string
   onSearch: (value: string) => void
@@ -49,6 +50,8 @@ export function OverviewToolbar({
   draftCount: number
   publishing: boolean
   onPublishAll: () => void
+  /** Anything this particular overview adds, drawn ahead of the shared icons. */
+  children?: ReactNode
 }) {
   const [open, setOpen] = useState(false)
   const trigger = useRef<HTMLButtonElement>(null)
@@ -62,6 +65,7 @@ export function OverviewToolbar({
 
   return (
     <div className="flex items-center justify-end gap-1">
+      {children}
       {open ? (
         <motion.div
           initial={{ width: 0, opacity: 0 }}