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/components/layout/ListMapLayout.vue

@@ -1,14 +1,14 @@
 <template>
   <div class="flex flex-col flex-1 min-h-0">
     <!-- Desktop: side-by-side layout -->
-    <div class="hidden lg:flex flex-1 gap-4 min-h-0">
+    <div class="hidden lg:flex flex-1 gap-4 min-h-0 overflow-hidden">
       <!-- Left side: List (scrollable) -->
       <div class="w-2/5 overflow-y-auto pr-2">
         <slot name="list" />
       </div>
 
-      <!-- Right side: Map (sticky) -->
+      <!-- Right side: Map (sticky, full height from SubNav to bottom) -->
-      <div class="w-3/5 rounded-lg overflow-hidden">
+      <div class="w-3/5 h-full rounded-lg overflow-hidden sticky top-0 self-start">
         <ClientOnly>
           <CatalogMap
             ref="mapRef"
@@ -75,6 +75,7 @@ interface MapItem {
 const props = withDefaults(defineProps<{
   items: MapItem[]
   selectedItemId?: string
+  hoveredItemId?: string
   mapId: string
   pointColor?: string
 }>(), {
@@ -136,6 +137,13 @@ watch(() => props.selectedItemId, (uuid) => {
   }
 })
 
+// Watch hoveredItemId and fly to it on hover
+watch(() => props.hoveredItemId, (uuid) => {
+  if (uuid) {
+    flyToItem(uuid)
+  }
+})
+
 // Expose methods for parent components
 defineExpose({ flyTo, flyToItem })
 </script>

app/components/navigation/SubNavigation.vue

@@ -25,7 +25,7 @@ const { t } = useI18n()
 
 const sectionItems = computed(() => ({
   catalog: [
-    { label: t('cabinetNav.offers'), path: '/catalog/offers' },
+    { label: 'Предложения', path: '/catalog/offers' },
     { label: t('cabinetNav.suppliers'), path: '/catalog/suppliers' },
     { label: t('cabinetNav.hubs'), path: '/catalog/hubs' },
   ],

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>