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>

apps/business/src/components/ImageCropper.tsx

@@ -80,19 +80,16 @@ export function ImageCropper({
   }
 
   const isPortrait = aspect < 1
-  const frameStyle: React.CSSProperties = isPortrait
-    ? {
-        aspectRatio: `${aspect}`,
-        height: 'min(360px, 42vh)',
-        width: 'auto',
-        maxWidth: '100%',
-        marginInline: 'auto',
-      }
-    : {
-        aspectRatio: `${aspect}`,
-        width: '100%',
-        maxHeight: 'min(280px, 36vh)',
-      }
+  const maxHeight = isPortrait ? 'min(360px, 42vh)' : 'min(280px, 36vh)'
+  const frameStyle: React.CSSProperties = {
+    aspectRatio: String(aspect),
+    width: `min(100%, calc(${maxHeight} * ${aspect}))`,
+    height: 'auto',
+    maxHeight,
+    minHeight: 0,
+    marginInline: 'auto',
+    alignSelf: 'center',
+  }
 
   return (
     <div className={styles.wrapper}>
@@ -121,7 +118,7 @@ export function ImageCropper({
 
       {imageSrc && (
         <div className={styles.cropPanel}>
-          <div className={`${styles.cropArea} ${isPortrait ? styles.cropAreaPortrait : ''}`} style={frameStyle}>
+          <div className={styles.cropArea} style={frameStyle}>
             <Cropper
               key={String(aspect)}
               image={imageSrc}