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/Sidebar.tsx

@@ -5,6 +5,7 @@ import { useAuth } from '../context/AuthContext'
 import { getActiveBusinessDomain } from '../lib/businessContext'
 import { isAbortError } from '../lib/api'
 import { getWebsiteBusinessInfo } from '../services/websiteService'
+import meshkeeLogo from '../assets/meshkee-logo.png'
 import styles from './Sidebar.module.css'
 
 const navItems = [
@@ -25,7 +26,6 @@ export function Sidebar() {
   const businessDomain = getActiveBusinessDomain()
   const fallbackBusinessName = user?.customerBusinesses[0]?.name ?? 'Store'
   const displayName = brandName || fallbackBusinessName
-  const initial = displayName.trim().charAt(0) || businessDomain.charAt(0) || 'S'
 
   useEffect(() => {
     const controller = new AbortController()
@@ -35,7 +35,7 @@ export function Sidebar() {
         const info = await getWebsiteBusinessInfo(businessDomain, controller.signal)
         if (controller.signal.aborted) return
         setBrandName(info.nameFa?.trim() || info.name.trim() || fallbackBusinessName)
-        setLogoUrl(info.logoUrl)
+        setLogoUrl(info.logoUrl?.trim() || null)
       } catch (err) {
         if (isAbortError(err)) return
         setBrandName(fallbackBusinessName)
@@ -53,17 +53,11 @@ export function Sidebar() {
   return (
     <aside className={styles.sidebar}>
       <div className={styles.brand}>
-        {logoUrl ? (
-          <img
-            src={logoUrl}
-            alt={displayName}
-            className={styles.brandLogo}
-          />
-        ) : (
-          <span className={styles.brandFallback} aria-hidden>
-            {initial.toUpperCase()}
-          </span>
-        )}
+        <img
+          src={logoUrl || meshkeeLogo}
+          alt={displayName}
+          className={styles.brandLogo}
+        />
         <div className={styles.brandText}>
           <span className={styles.brandDomain}>{businessDomain}</span>
           <span className={styles.brandName}>{displayName}</span>