Redesign POS order flow with order type picker and counter/takeaway support

- Add OrderTypePicker screen: Table / Counter / Takeaway cards shown when no
  active session, replacing the old always-visible table board
- Move PosTableBoard into a modal overlay (opens on Table selection or
  "Assign Table" for counter orders)
- Add orderType field + setOrderType action to cart store
- Counter and Takeaway orders no longer require a table to submit
- Add "Assign Table →" button in cart for counter orders with active session
- Rewrite category tabs as horizontal scrollable row (no wrapping)
- Larger product cards with 4:3 thumbnail + quantity badge overlay
- Bigger quantity controls (h-8 w-8) and "New order" back button in header
- Add i18n keys for order types in en/fa/ar

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

web/dashboard/src/lib/stores/cart.store.ts

@@ -16,6 +16,8 @@ export interface AppliedCoupon {
   discountAmount: number;
 }
 
+export type OrderType = "table" | "counter" | "takeaway";
+
 interface CartState {
   items: CartItem[];
   syncedQtyByMenuId: Record<string, number>;
@@ -27,6 +29,7 @@ interface CartState {
   customerId: string | null;
   guestName: string;
   guestPhone: string;
+  orderType: OrderType | null;
   getPendingLines: () => { menuItemId: string; quantity: number; notes?: string }[];
   addItem: (item: MenuItem) => void;
   removeItem: (menuItemId: string) => void;
@@ -35,6 +38,7 @@ interface CartState {
   setAppliedCoupon: (coupon: AppliedCoupon | null) => void;
   clearCoupon: () => void;
   setTableId: (tableId: string | null) => void;
+  setOrderType: (type: OrderType | null) => void;
   setActiveOrderId: (orderId: string | null) => void;
   setGuestName: (name: string) => void;
   setGuestPhone: (phone: string) => void;
@@ -77,6 +81,7 @@ export const useCartStore = create<CartState>((set, get) => ({
   customerId: null,
   guestName: "",
   guestPhone: "",
+  orderType: null,
 
   getPendingLines: () => {
     const { items, syncedQtyByMenuId } = get();
@@ -134,6 +139,7 @@ export const useCartStore = create<CartState>((set, get) => ({
   setAppliedCoupon: (coupon) => set({ appliedCoupon: coupon }),
   clearCoupon: () => set(clearCouponState),
   setTableId: (tableId) => set({ tableId }),
+  setOrderType: (orderType) => set({ orderType }),
   setActiveOrderId: (activeOrderId) => set({ activeOrderId, activeOrderDisplayNumber: null }),
   setGuestName: (guestName) =>
     set((s) => ({
@@ -197,6 +203,7 @@ export const useCartStore = create<CartState>((set, get) => ({
       customerId: null,
       guestName: "",
       guestPhone: "",
+      orderType: null,
       ...clearCouponState,
     }),