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/customer/src/pages/AddressesPage.tsx

@@ -1,3 +1,4 @@
+import { PageTitle } from '../components/PageTitle'
 import { useCallback, useEffect, useState } from 'react'
 import { MapPin, Pencil, Plus, Trash2 } from 'lucide-react'
 import { Breadcrumbs, useToast } from '@meshkee/dashboard-ui'
@@ -107,7 +108,7 @@ export function AddressesPage() {
 
       <div className={pageStyles.pageHeader}>
         <div>
-          <h2 className={pageStyles.pageTitle}>{t('addresses.title')}</h2>
+          <PageTitle en="ADDRESSES">{t('addresses.title')}</PageTitle>
           <p className={pageStyles.pageSubtitle}>{t('addresses.subtitle')}</p>
         </div>
       </div>

apps/customer/src/pages/FavoritesPage.tsx

@@ -1,3 +1,4 @@
+import { PageTitle } from '../components/PageTitle'
 import { useEffect, useState } from 'react'
 import { Heart } from 'lucide-react'
 import { Breadcrumbs, Pagination, useToast } from '@meshkee/dashboard-ui'
@@ -82,7 +83,7 @@ export function FavoritesPage() {
 
       <div className={pageStyles.pageHeader}>
         <div>
-          <h2 className={pageStyles.pageTitle}>{t('favorites.title')}</h2>
+          <PageTitle en="FAVORITES">{t('favorites.title')}</PageTitle>
           <p className={pageStyles.pageSubtitle}>{t('favorites.subtitle')}</p>
         </div>
       </div>

apps/customer/src/pages/MyProductDetailsPage.tsx

@@ -1,3 +1,4 @@
+import { PageTitle } from '../components/PageTitle'
 import { useEffect, useMemo, useState } from 'react'
 import { Link, useNavigate, useParams } from 'react-router-dom'
 import { ImageOff, MapPin, Pencil } from 'lucide-react'
@@ -172,8 +173,8 @@ export function MyProductDetailsPage() {
 
       <div className={styles.headerRow}>
         <div>
-          <h2 className={pageStyles.pageTitle}>{t('myProducts.detailsTitle')}</h2>
-          <p className={pageStyles.pageSubtitle}>{t('myProducts.detailsSubtitle')}</p>
+          <PageTitle en="PRODUCT">{t('myProducts.detailsTitle')}</PageTitle>
+          <p className={pageStyles.pageSubtitleContent}>{t('myProducts.detailsSubtitle')}</p>
         </div>
         <button
           type="button"

apps/customer/src/pages/MyProductsPage.tsx

@@ -1,3 +1,4 @@
+import { PageTitle } from '../components/PageTitle'
 import { useEffect, useState } from 'react'
 import { Link, useNavigate } from 'react-router-dom'
 import { Package, Plus } from 'lucide-react'
@@ -126,7 +127,7 @@ export function MyProductsPage() {
 
       <div className={pageStyles.pageHeader}>
         <div>
-          <h2 className={pageStyles.pageTitle}>{t('myProducts.title')}</h2>
+          <PageTitle en="MY PRODUCTS">{t('myProducts.title')}</PageTitle>
           <p className={pageStyles.pageSubtitle}>{t('myProducts.subtitle')}</p>
         </div>
       </div>

apps/customer/src/pages/OrdersPage.tsx

@@ -1,3 +1,4 @@
+import { PageTitle } from '../components/PageTitle'
 import { useEffect, useMemo, useState } from 'react'
 import { Breadcrumbs, Pagination, useLocale } from '@meshkee/dashboard-ui'
 import { OrderItemsModal } from '../components/OrderItemsModal'
@@ -71,7 +72,7 @@ export function OrdersPage() {
 
       <div className={pageStyles.pageHeader}>
         <div>
-          <h2 className={pageStyles.pageTitle}>{t('orders.title')}</h2>
+          <PageTitle en="ORDERS">{t('orders.title')}</PageTitle>
           <p className={pageStyles.pageSubtitle}>{t('orders.subtitle')}</p>
         </div>
       </div>

apps/customer/src/pages/ProfilePage.tsx

@@ -1,3 +1,4 @@
+import { PageTitle } from '../components/PageTitle'
 import { useEffect, useState } from 'react'
 import { Breadcrumbs, useToast } from '@meshkee/dashboard-ui'
 import { useAuth } from '../context/AuthContext'
@@ -81,7 +82,7 @@ export function ProfilePage() {
 
       <div className={pageStyles.pageHeader}>
         <div>
-          <h2 className={pageStyles.pageTitle}>{t('profile.title')}</h2>
+          <PageTitle en="PROFILE">{t('profile.title')}</PageTitle>
           <p className={pageStyles.pageSubtitle}>{t('profile.subtitle')}</p>
         </div>
       </div>