feat(clientarea): modernize orders and addresses pages with new map layout

- Create ClientAreaMapPage component for client area pages with glass effect
- Update orders page to use new ClientAreaMapPage with filter dropdown
- Update addresses page to use new ClientAreaMapPage with add button
- Remove Profile and Team tabs from MainNavigation (already in user menu)

app/pages/clientarea/addresses/index.vue

@@ -1,66 +1,57 @@
 <template>
-  <CatalogPage
-    :items="displayItems"
-    :map-items="itemsWithCoords"
+  <ClientAreaMapPage
+    :items="items"
     :loading="isLoading"
-    with-map
     map-id="addresses-map"
     point-color="#10b981"
-    :selected-id="selectedAddressId"
     :hovered-id="hoveredAddressId"
     :total-count="items.length"
+    :title="t('cabinetNav.addresses')"
+    :search-query="searchQuery"
     @select="onSelectAddress"
     @update:hovered-id="hoveredAddressId = $event"
+    @update:search-query="searchQuery = $event"
   >
-    <template #searchBar="{ displayedCount, totalCount }">
-      <CatalogSearchBar
-        v-model:search-query="searchQuery"
-        :active-filters="[]"
-        :displayed-count="displayedCount"
-        :total-count="totalCount"
-        @search="onSearch"
-      />
-    </template>
-
     <template #header>
       <NuxtLink :to="localePath('/clientarea/addresses/new')">
-        <Button variant="outline" class="w-full">
-          <Icon name="lucide:plus" size="16" class="mr-2" />
+        <button class="btn btn-sm w-full bg-white/10 border-white/20 text-white hover:bg-white/20">
+          <Icon name="lucide:plus" size="14" class="mr-1" />
           {{ t('profileAddresses.actions.add') }}
-        </Button>
+        </button>
       </NuxtLink>
     </template>
 
     <template #card="{ item }">
       <NuxtLink :to="localePath(`/clientarea/addresses/${item.uuid}`)" class="block">
-        <Card padding="sm" interactive>
-          <div class="flex flex-col gap-1">
-            <Text size="base" weight="semibold" class="truncate">{{ item.name }}</Text>
-            <Text tone="muted" size="sm" class="line-clamp-2">{{ item.address }}</Text>
-            <div class="flex items-center mt-1">
-              <span class="text-lg">{{ isoToEmoji(item.countryCode) }}</span>
+        <div class="bg-white/10 rounded-lg p-4 hover:bg-white/20 transition-colors">
+          <div class="flex items-start gap-3">
+            <span class="text-2xl">{{ isoToEmoji(item.countryCode) }}</span>
+            <div class="flex-1 min-w-0">
+              <div class="font-semibold truncate">{{ item.name }}</div>
+              <div class="text-sm text-white/60 line-clamp-2">{{ item.address }}</div>
             </div>
           </div>
-        </Card>
+        </div>
       </NuxtLink>
     </template>
 
     <template #empty>
-      <EmptyState
-        icon="📍"
-        :title="t('profileAddresses.empty.title')"
-        :description="t('profileAddresses.empty.description')"
-        :action-label="t('profileAddresses.empty.cta')"
-        :action-to="localePath('/clientarea/addresses/new')"
-        action-icon="lucide:plus"
-      />
+      <div class="text-center py-8">
+        <div class="text-4xl mb-2">📍</div>
+        <div class="font-semibold mb-1">{{ t('profileAddresses.empty.title') }}</div>
+        <div class="text-sm text-white/60 mb-4">{{ t('profileAddresses.empty.description') }}</div>
+        <NuxtLink :to="localePath('/clientarea/addresses/new')">
+          <button class="btn btn-sm bg-white/10 border-white/20 text-white hover:bg-white/20">
+            <Icon name="lucide:plus" size="14" class="mr-1" />
+            {{ t('profileAddresses.empty.cta') }}
+          </button>
+        </NuxtLink>
+      </div>
     </template>
-  </CatalogPage>
+  </ClientAreaMapPage>
 </template>
 
 <script setup lang="ts">
-import type { MapBounds } from '~/components/catalog/CatalogMap.vue'
-
 definePageMeta({
   layout: 'topnav',
   middleware: ['auth-oidc']
@@ -76,51 +67,12 @@ const {
   init
 } = useTeamAddresses()
 
-const selectedAddressId = ref<string>()
 const hoveredAddressId = ref<string>()
-
-// Search bar
 const searchQuery = ref('')
 
-// Search with map checkbox
-const searchWithMap = ref(false)
-const currentBounds = ref<MapBounds | null>(null)
-
-// Map items
-const itemsWithCoords = computed(() => {
-  return items.value.filter(addr =>
-    addr.latitude != null &&
-    addr.longitude != null &&
-    !isNaN(Number(addr.latitude)) &&
-    !isNaN(Number(addr.longitude))
-  ).map(addr => ({
-    uuid: addr.uuid,
-    name: addr.name,
-    latitude: Number(addr.latitude),
-    longitude: Number(addr.longitude)
-  }))
-})
-
-// Filtered items when searchWithMap is enabled
-const displayItems = computed(() => {
-  if (!searchWithMap.value || !currentBounds.value) return items.value
-  return items.value.filter(item => {
-    if (item.latitude == null || item.longitude == null) return false
-    const { west, east, north, south } = currentBounds.value!
-    const lng = Number(item.longitude)
-    const lat = Number(item.latitude)
-    return lng >= west && lng <= east && lat >= south && lat <= north
-  })
-})
-
-// Search handler
-const onSearch = () => {
-  // TODO: Implement search
-}
-
 const onSelectAddress = (item: { uuid?: string | null }) => {
   if (item.uuid) {
-    selectedAddressId.value = item.uuid
+    navigateTo(localePath(`/clientarea/addresses/${item.uuid}`))
   }
 }