feat(pos2): add dashboard exit button to POS board header

POS runs in the (fullscreen) layout which strips the sidebar.
Adds a Home → داشبورد button at the top-left of the table board so
users can navigate back to the dashboard without being stuck.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

web/dashboard/src/components/pos2/pos2-screen.tsx

@@ -13,7 +13,7 @@ import {
   Search, Plus, Minus, Trash2, Send, CreditCard, Pause, SplitSquareHorizontal,
   X, WifiOff, ShoppingCart, Users, Coffee, ArrowRight, LayoutGrid, Armchair,
   Banknote, Check, Delete, ReceiptText, ShoppingBag, Loader2, RotateCcw,
-  BadgePercent, Sparkles,
+  BadgePercent, Sparkles, Home,
 } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { notify } from "@/lib/notify";
@@ -329,6 +329,17 @@ export function Pos2Screen() {
       <div dir="rtl" className="flex h-svh min-h-0 flex-col bg-background text-foreground">
         {busy && <BusyOverlay />}
         <header className="flex shrink-0 items-center gap-3 border-b border-border bg-card px-4 py-3">
+          {/* Dashboard exit — lets user navigate back without the sidebar */}
+          <button
+            type="button"
+            onClick={() => router.push("/")}
+            className="flex min-h-[40px] cursor-pointer items-center gap-1.5 rounded-xl px-3 text-sm font-medium text-muted-foreground transition-colors hover:bg-accent"
+            title="بازگشت به داشبورد"
+          >
+            <Home className="size-4" />
+            <span className="hidden sm:inline">داشبورد</span>
+          </button>
+          <div className="h-5 w-px bg-border" />
           <div className="flex items-center gap-2 text-primary">
             <LayoutGrid className="size-6" />
             <span className="text-lg font-bold">میزها</span>