Polish dashboard page chrome and user access UI.

Rename Customers to Users with FA/EN titles, compact headers and filter bars across apps, and refine manager role copy plus a customer-header link to the business dashboard.

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

apps/business/src/pages/CustomerProductDetailsPage.tsx

@@ -3,6 +3,7 @@ import { Link, useNavigate, useParams } from 'react-router-dom'
 import { ImageOff, MapPin, Pencil, User } from 'lucide-react'
 import { useLocale } from '@meshkee/dashboard-ui'
 import { Breadcrumbs } from '../components/Breadcrumbs'
+import { PageTitle } from '../components/PageTitle'
 import { UserProductStatusModal } from '../components/UserProductStatusModal'
 import { useToast } from '../context/ToastContext'
 import { useT } from '../i18n/useT'
@@ -197,8 +198,8 @@ export function CustomerProductDetailsPage() {
 
       <div className={styles.headerRow}>
         <div>
-          <h2 className={pageStyles.pageTitle}>{t('customerProducts.detailsTitle')}</h2>
-          <p className={pageStyles.pageSubtitle}>{t('customerProducts.detailsSubtitle')}</p>
+          <PageTitle en="CUSTOMER PRODUCT">{t('customerProducts.detailsTitle')}</PageTitle>
+          <p className={pageStyles.pageSubtitleContent}>{t('customerProducts.detailsSubtitle')}</p>
         </div>
         <div className={styles.actions}>
           <button