add meta title, description

apps/frontend/src/views/ManageQRCodeChatView.vue

@@ -1,4 +1,12 @@
 <template>
+  <MetaHead>
+    <title>Чат {{ chatDoc?.name ? `«${chatDoc.name}»` : '' }} — НаСвязи</title>
+    <meta
+      name="description"
+      content="Ваш QR-код успешно создан! Узнайте, как его использовать и настройте все доступные функции для удобного взаимодействия с окружающими."
+    />
+  </MetaHead>
+
   <div class="flex flex-col min-h-full">
     <!-- Основной контент -->
     <main class="flex-grow flex flex-col">
@@ -47,5 +55,16 @@
 <script setup lang="ts">
 import type { MessageDocument } from '@hereconnect/types'
 import ChatComponent from '@/components/ChatComponent.vue'
-defineProps<{ qr_code_uri: MessageDocument['qr_code_uri']; chat: MessageDocument['chat'] }>()
+import { getQrCodeDocument } from '@/api/qrCode'
+import { useQuery } from '@tanstack/vue-query'
+
+const props = defineProps<{
+  qr_code_uri: MessageDocument['qr_code_uri']
+  chat: MessageDocument['chat']
+}>()
+
+const { data: chatDoc } = useQuery({
+  queryKey: ['qrCode', computed(() => props.qr_code_uri)],
+  queryFn: () => getQrCodeDocument(props.qr_code_uri),
+})
 </script>