Add a static images manager and polish dashboard layout and fonts.

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

apps/business/src/components/ImageCropper.tsx

@@ -83,7 +83,7 @@ export function ImageCropper({
   const frameStyle: React.CSSProperties = isPortrait
     ? {
         aspectRatio: `${aspect}`,
-        height: 'min(480px, 65vh)',
+        height: 'min(360px, 42vh)',
         width: 'auto',
         maxWidth: '100%',
         marginInline: 'auto',
@@ -91,14 +91,14 @@ export function ImageCropper({
     : {
         aspectRatio: `${aspect}`,
         width: '100%',
-        maxHeight: 'min(420px, 55vh)',
+        maxHeight: 'min(280px, 36vh)',
       }
 
   return (
     <div className={styles.wrapper}>
       {value && !imageSrc && (
-        <div className={styles.preview}>
-          <img src={value} alt={resolvedUploadLabel} className={styles.previewImgNatural} />
+        <div className={styles.preview} style={frameStyle}>
+          <img src={value} alt={resolvedUploadLabel} className={styles.previewImg} />
           <button
             type="button"
             className={styles.removeBtn}