Rebrand the product to Montact and point local UI at production API.

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

apps/web/src/layouts/AppLayout.vue

@@ -7,11 +7,13 @@ import { formatJalaliShort, toFaDigits } from '@/lib/jalali';
 import UiIcon from '@/components/UiIcon.vue';
 import MentoLogo from '@/components/brand/MentoLogo.vue';
 import QuickCreate from '@/components/QuickCreate.vue';
+import BrandName from '@/components/brand/BrandName.vue';
 import type {
   ActivitySummaryDto,
   NotificationDto,
   NotificationsListDto,
 } from '@mento/shared';
+import { brand } from '@mento/shared';
 import { USER_ROLE_LABELS, canManageSettings, canViewAllRecords } from '@/lib/roles';
 
 const auth = useAuthStore();
@@ -366,7 +368,7 @@ onUnmounted(() => {
             <UiIcon name="sparkle" :size="18" />
           </span>
           <p>
-            <span>با منتو فروشات را</span>
+            <span>با {{ brand.nameFa }} فروشات را</span>
             <span>چند برابر کن</span>
           </p>
         </div>
@@ -389,7 +391,7 @@ onUnmounted(() => {
         </button>
         <div class="top-brand">
           <MentoLogo :size="32" :show-text="false" variant="mark" />
-          <strong>Mento</strong>
+          <BrandName lang="en" />
         </div>
         <button class="round-btn" type="button" aria-label="اعلان‌ها" @click="toggleNotif">
           <UiIcon name="bell" :size="18" />
@@ -518,45 +520,6 @@ onUnmounted(() => {
   flex-shrink: 0;
 }
 
-.brand {
-  display: flex;
-  align-items: center;
-  gap: 0.7rem;
-}
-
-.mark {
-  width: 40px;
-  height: 40px;
-  border-radius: 12px;
-  display: grid;
-  place-items: center;
-  background: linear-gradient(145deg, #2ec4a8, #14b8a6);
-  color: #fff;
-  font-weight: 800;
-  font-size: 1.05rem;
-  box-shadow: 0 8px 18px rgba(20, 184, 166, 0.28);
-}
-
-.mark.sm {
-  width: 32px;
-  height: 32px;
-  border-radius: 10px;
-  font-size: 0.9rem;
-}
-
-.brand strong {
-  display: block;
-  font-size: 1.05rem;
-  letter-spacing: -0.01em;
-}
-
-.brand small {
-  display: block;
-  color: #94a3b8;
-  font-size: 0.72rem;
-  margin-top: 0.05rem;
-}
-
 .side-nav {
   display: grid;
   gap: 0.45rem;