refactor(composables): migrate stores →

composables, align with updated API

  - Replace deleted Pinia stores with
  module-level singleton composables
    (useAuth, useChat, useFeed, useUi) — all
  return reactive({...}) so
    Refs auto-unwrap in both templates and
  script code

  - Align entire codebase with new
  swagger-generated api.ts types:
    · TagDto.value  (was .name) — FeedCard,
  FeedFilters, ProfileEditor,
      ProfileSetupView, MyProfileView,
  ProfileDetailView, useUi
    · MediaItemDto[] / .path  (was mediaUrls[],
  avatarUrl) — FeedCard,
      FeedView, MyProfileView,
  ProfileDetailView
    · ChatDto.status 'active'|'closed'  (was
  isActive: boolean) —
      ChatRoomView, ChatsListView
    · MessageDto.profileId  (was senderId) —
  ChatRoomView, ChatBubble
    · MeResponseDto → fetchMe now calls /me +
  /profiles/my in parallel
    · Token refresh: res.data.data.accessToken
  (nested wrapper) —
      router/index.ts aligned with client.ts
  interceptor

  - Fix FeedCard, ChatBubble imports pointing
  to deleted store files
  - Fix ProfileSetupView form type to avoid
  string|undefined on v-model
  - Fix history.back() → window.history.back()
  via goBack() helper
  - Fix chat.unreadCount possibly-undefined
  guard in ChatsListView
  - Fix MapPicker Leaflet icon cast (as unknown
  as Record<string, unknown>)

src/views/profile/ProfileDetailView.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import { ref, computed, onMounted } from 'vue';
 import { useRoute } from 'vue-router';
-import { useAuthStore } from '@/stores/auth.store';
-import { useUiStore } from '@/stores/ui.store';
-import { useChatStore } from '@/stores/chat.store';
+import { useAuth } from '@/composables/useAuth';
+import { useUi } from '@/composables/useUi';
+import { useChat } from '@/composables/useChat';
 import { apiClient } from '@/api/client';
-import type { UserProfile } from '@/stores/auth.store';
+import type { UserProfile } from '@/composables/useAuth';
 import AppButton from '@/components/common/AppButton.vue';
 import AppModal from '@/components/common/AppModal.vue';
 import ReportModal from '@/components/reports/ReportModal.vue';
@@ -13,9 +13,9 @@ import DateProposalForm from '@/components/dates/DateProposalForm.vue';
 import LoadingSpinner from '@/components/common/LoadingSpinner.vue';
 
 const route = useRoute();
-const authStore = useAuthStore();
-const uiStore = useUiStore();
-const chatStore = useChatStore();
+const authStore = useAuth();
+const uiStore = useUi();
+const chatStore = useChat();
 
 const profileId = route.params.profileId as string;
 const profile = ref<UserProfile | null>(null);
@@ -44,13 +44,18 @@ const age = computed(() => {
   return a;
 });
 
-const cityName = computed(() => uiStore.cities.find((c) => c.id === profile.value?.cityId)?.name ?? '');
-const tagNames = computed(() => (profile.value?.tagIds ?? []).map((id) => uiStore.tags.find((t) => t.id === id)?.name ?? id));
+const cityName = computed(() => {
+  const cid = profile.value?.cityId;
+  return cid ? uiStore.cities.find((c) => c.id === cid)?.name ?? '' : '';
+});
+const tagNames = computed(() => profile.value?.tags?.map((t) => t.value) ?? []);
 const currentImageIndex = ref(0);
 
 const isOwnProfile = computed(() =>
   authStore.profiles.some((p) => p.id === profileId),
 );
+
+function goBack() { window.history.back(); }
 </script>
 
 <template>
@@ -63,8 +68,8 @@ const isOwnProfile = computed(() =>
       <!-- Image strip -->
       <div class="profile-detail__cover">
         <img
-          v-if="profile.mediaUrls?.[currentImageIndex]"
-          :src="profile.mediaUrls[currentImageIndex]"
+          v-if="profile.media?.[currentImageIndex]?.path"
+          :src="profile.media[currentImageIndex].path"
           :alt="profile.name"
           class="profile-detail__cover-img"
         />
@@ -78,14 +83,14 @@ const isOwnProfile = computed(() =>
           aria-label="Предыдущее фото"
         >‹</button>
         <button
-          v-if="currentImageIndex < (profile.mediaUrls?.length ?? 1) - 1"
+          v-if="currentImageIndex < (profile.media?.length ?? 1) - 1"
           class="profile-detail__img-nav profile-detail__img-nav--next"
           @click="currentImageIndex++"
           aria-label="Следующее фото"
         >›</button>
 
         <!-- Back button -->
-        <button class="profile-detail__back" @click="history.back()" aria-label="Назад">
+        <button class="profile-detail__back" @click="goBack()" aria-label="Назад">
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="20" height="20">
             <path d="M19 12H5M12 5l-7 7 7 7"/>
           </svg>