Improve portfolio title images, branding, and super-admin domains UI.

Add aspect-ratio crop presets for portfolio title images, fixed card image placeholders with contained centering, Meshkee favicon/logo fallbacks, login branding updates, category FAB alignment, and super-admin website/domain SSL tooling.

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

apps/customer/src/components/checkout/CheckoutLayout.tsx

@@ -4,6 +4,7 @@ import { isAbortError } from '../../lib/api'
 import { getTenantDomain } from '../../lib/config'
 import { CheckoutProvider } from '../../context/CheckoutContext'
 import { getWebsiteBusinessInfo, getWebsiteUrl } from '../../services/websiteService'
+import meshkeeLogo from '../../assets/meshkee-logo.png'
 import styles from './CheckoutLayout.module.css'
 
 export function CheckoutLayout() {
@@ -20,7 +21,7 @@ export function CheckoutLayout() {
         const info = await getWebsiteBusinessInfo(tenantDomain, controller.signal)
         if (controller.signal.aborted) return
         setBrandName(info.nameFa?.trim() || info.name.trim() || tenantDomain)
-        setLogoUrl(info.logoUrl)
+        setLogoUrl(info.logoUrl?.trim() || null)
       } catch (err) {
         if (isAbortError(err)) return
         setBrandName(tenantDomain)
@@ -33,24 +34,17 @@ export function CheckoutLayout() {
   }, [tenantDomain])
 
   const displayName = brandName || tenantDomain
-  const initial = displayName.trim().charAt(0) || 'S'
 
   return (
     <CheckoutProvider>
       <div className={styles.checkoutPage} lang="fa" dir="rtl">
         <header className={styles.header}>
           <a href={websiteUrl} className={styles.brandLink}>
-            {logoUrl ? (
-              <img
-                src={logoUrl}
-                alt={displayName}
-                className={styles.logo}
-              />
-            ) : (
-              <span className={styles.logoFallback} aria-hidden>
-                {initial.toUpperCase()}
-              </span>
-            )}
+            <img
+              src={logoUrl || meshkeeLogo}
+              alt={displayName}
+              className={styles.logo}
+            />
             <div className={styles.brandText}>
               <span className={styles.brandTitle}>{displayName}</span>
               <span className={styles.subtitle}>سبد خرید</span>