Fix UI issues: 3 columns, SubNav label, back button, sticky map, hover flyTo

- Homepage roles section now shows 3 columns on medium screens
- SubNavigation catalog offers label changed to "Предложения"
- Removed back button from catalog/offers page
- ListMapLayout: sticky map with full height
- ListMapLayout: hover on card flies to location on map

app/pages/catalog/offers/index.vue

@@ -36,14 +36,6 @@
 
     <!-- Offers for selected product -->
     <template v-else>
-      <!-- Back button -->
-      <div class="py-2 px-4 lg:px-0">
-        <NuxtLink :to="localePath('/catalog/offers')" class="btn btn-ghost btn-sm gap-2">
-          <Icon name="lucide:arrow-left" size="16" />
-          {{ t('common.back') }}
-        </NuxtLink>
-      </div>
-
       <CatalogPage
         :items="items"
         :loading="isLoading"

app/pages/clientarea/addresses/index.vue

@@ -15,6 +15,7 @@
       v-else-if="items.length"
       :items="itemsForMap"
       :selected-item-id="selectedAddressId"
+      :hovered-item-id="hoveredAddressId"
       map-id="addresses-map"
       point-color="#10b981"
       @select-item="onSelectAddress"
@@ -42,6 +43,8 @@
                 interactive
                 :class="{ 'ring-2 ring-primary': addr.uuid === selectedAddressId }"
                 @click.prevent="onSelectAddress(addr.uuid)"
+                @mouseenter="hoveredAddressId = addr.uuid"
+                @mouseleave="hoveredAddressId = undefined"
               >
                 <div class="flex flex-col gap-1">
                   <Text size="base" weight="semibold" class="truncate">{{ addr.name }}</Text>
@@ -92,6 +95,7 @@ const {
 } = useTeamAddresses()
 
 const selectedAddressId = ref<string>()
+const hoveredAddressId = ref<string>()
 
 // Map items for ListMapLayout
 const itemsForMap = computed(() => {

app/pages/clientarea/orders/index.vue

@@ -26,6 +26,7 @@
       v-else-if="items.length"
       :items="itemsForMap"
       :selected-item-id="selectedOrderId"
+      :hovered-item-id="hoveredOrderId"
       map-id="orders-map"
       point-color="#6366f1"
       @select-item="onSelectOrder"
@@ -42,6 +43,8 @@
               class="cursor-pointer"
               :class="{ 'ring-2 ring-primary': order.uuid === selectedOrderId }"
               @click="onSelectOrder(order.uuid)"
+              @mouseenter="hoveredOrderId = order.uuid"
+              @mouseleave="hoveredOrderId = undefined"
             >
               <Stack gap="4">
                 <Stack direction="row" justify="between" align="center">
@@ -132,6 +135,7 @@ const {
 const hasError = ref(false)
 const error = ref('')
 const selectedOrderId = ref<string>()
+const hoveredOrderId = ref<string>()
 
 // Map items for ListMapLayout (use source location coordinates)
 const itemsForMap = computed(() => {

app/pages/index.vue

@@ -5,7 +5,7 @@
           <Heading :level="2">{{ $t('roles.title') }}</Heading>
           <Text align="center" tone="muted">{{ $t('about.description') }}</Text>
 
-          <Grid :cols="1" :lg="3" :gap="6">
+          <Grid :cols="1" :md="3" :gap="6">
             <Card padding="lg">
               <Stack gap="4" align="center">
                 <IconCircle tone="primary">🏭</IconCircle>