Polish business dashboard profile, FA layout, and pagination.

Add a real user profile page with multi-address CRUD, localize business profile, fix RTL category tree and login/sidebar logo fallbacks, and keep pagination controls centered with aligned page meta.

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

apps/business/src/components/Sidebar.tsx

@@ -13,6 +13,7 @@ import {
   LogOut,
   ChevronDown,
   Building2,
+  Pencil,
 } from 'lucide-react'
 import type { LucideIcon } from 'lucide-react'
 import { useLocale } from '@meshkee/dashboard-ui'
@@ -25,7 +26,7 @@ import {
 } from '../lib/businessContext'
 import { isAbortError } from '../lib/api'
 import { getBusinessProfile } from '../services/businessProfileService'
-import meshkeeLogo from '../assets/meshkee-logo.png'
+import { Tooltip } from './Tooltip'
 import styles from './Sidebar.module.css'
 
 interface NavChild {
@@ -118,7 +119,6 @@ export function Sidebar() {
         ],
       },
       { type: 'link', id: 'customers', icon: Users, labelKey: 'nav.customers', to: '/customers' },
-      { type: 'link', id: 'settings', icon: Settings, labelKey: 'nav.settings', to: '/settings' },
       {
         type: 'group',
         id: 'blog',
@@ -166,6 +166,7 @@ export function Sidebar() {
           { labelKey: 'nav.website.ePayment', to: '/website/e-payment' },
         ],
       },
+      { type: 'link', id: 'settings', icon: Settings, labelKey: 'nav.settings', to: '/settings' },
     ],
     [],
   )
@@ -218,11 +219,23 @@ export function Sidebar() {
   return (
     <aside className={styles.sidebar}>
       <div className={styles.brand}>
-        <img
-          src={brandLogoUrl ?? meshkeeLogo}
-          alt={brandName || t('app.storeFallback')}
-          className={`${styles.brandLogo} ${brandLogoUrl ? styles.brandLogoUploaded : ''}`}
-        />
+        {brandLogoUrl ? (
+          <img
+            src={brandLogoUrl}
+            alt={brandName || t('app.storeFallback')}
+            className={`${styles.brandLogo} ${styles.brandLogoUploaded}`}
+          />
+        ) : (
+          <Tooltip label={t('sidebar.addLogo')}>
+            <NavLink
+              to="/business-profile"
+              className={styles.brandEditBtn}
+              aria-label={t('sidebar.addLogo')}
+            >
+              <Pencil size={16} />
+            </NavLink>
+          </Tooltip>
+        )}
         <div className={styles.brandText}>
           <span className={styles.brandName}>{brandName || fallbackBusinessName}</span>
           <span className={styles.brandDomain}>{businessDomain}</span>