Add business workshop management UI with Jalali scheduling and shared dashboard polish.

Includes workshop list/edit/details, registrations modal, category tree, shared EmptyState/RichTextEditor/toasts, and fixes for the Jalali date picker and thumbnail field layout.

Co-authored-by: Cursor <cursoragent@cursor.com>

packages/dashboard-ui/src/context/Toast.module.css

@@ -2,7 +2,7 @@
   position: fixed;
   bottom: 24px;
   left: 24px;
-  z-index: 300;
+  z-index: var(--toast-z-index, 11000);
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -19,12 +19,12 @@
   font-weight: 500;
   line-height: 1.4;
   color: var(--text-primary);
-  background: var(--elevated-surface);
+  background: var(--toast-bg, rgba(255, 255, 255, 0.94));
   backdrop-filter: blur(var(--blur-glass));
   -webkit-backdrop-filter: blur(var(--blur-glass));
   border: 1px solid var(--glass-border);
   border-radius: var(--radius-sm);
-  box-shadow: var(--glass-shadow);
+  box-shadow: var(--toast-shadow, 0 12px 40px rgba(15, 23, 42, 0.14));
 }
 
 .toastIn {

packages/dashboard-ui/src/context/ToastContext.tsx

@@ -8,6 +8,7 @@ import {
   useState,
   type ReactNode,
 } from 'react'
+import { createPortal } from 'react-dom'
 import styles from './Toast.module.css'
 
 export type ToastVariant = 'success' | 'error' | 'info'
@@ -74,17 +75,20 @@ export function ToastProvider({ children }: { children: ReactNode }) {
   return (
     <ToastContext.Provider value={value}>
       {children}
-      <div className={styles.container} aria-live="polite" aria-atomic="true">
-        {toast && (
-          <div
-            key={toast.id}
-            className={`${styles.toast} ${styles[toast.variant]} ${closing ? styles.toastOut : styles.toastIn}`}
-            role="status"
-          >
-            {toast.message}
-          </div>
-        )}
-      </div>
+      {createPortal(
+        <div className={styles.container} aria-live="polite" aria-atomic="true">
+          {toast && (
+            <div
+              key={toast.id}
+              className={`${styles.toast} ${styles[toast.variant]} ${closing ? styles.toastOut : styles.toastIn}`}
+              role="status"
+            >
+              {toast.message}
+            </div>
+          )}
+        </div>,
+        document.body,
+      )}
     </ToastContext.Provider>
   )
 }