все починил, после того, как все сломал. работает чат + ответ на сообщения правильно отображает после отправки сообщения по веб сосокету

src/lib/chat.js

@@ -21,7 +21,7 @@
      
       if(msgMassive[i].answer_id != null){
 
-        let answer = await getMessageById(chatId,msgMassive[i].message_id)
+        let answer = await getMessageById(chatId,msgMassive[i].answer_id)
         msgMassive[i].answerMessage = answer.message
         console.log(answer.message)
         
@@ -42,7 +42,6 @@
   if(response.ok){
     let data = await response.json(); 
     return data;
-   
   }
   else{
     console.log(response.status)

src/routes/chatPage/+page.svelte

@@ -24,7 +24,6 @@
     let answer = null
 
 	let chats = [] //массив чатов, доступных юзеру
-	$: console.log(chats, " чаты")
 	let pinnedMsg = []
 	
 	onMount(async () => {
@@ -39,13 +38,19 @@
 
 		pinnedMsg = await getPinnedMsg(chatId)
 
-
 		chats    = await getAllChats()
-		console.log(chats, "жопа ")
 		messages = await getLastMessages(chatId,msgLoaded);
 		console.log(messages)
 
-		socket = createWebSocket(websocketUrl, (message) => {
+		socket = createWebSocket(websocketUrl, async (message) => {
+			
+			if(message.answer_id != null){
+
+		let answer = await getMessageById(chatId,message.answer_id)
+		message.answerMessage = answer.message
+		console.log(answer.message)
+		}
+			
 		messages = [...messages, message];
 		});
 
@@ -244,14 +249,15 @@ function helperDivShow(event, id) {
 					<h2 class="noMsg1">Тут ничего нет</h2>
 					<h3 class="noMsg2">Но если ты закрепишь сообщение, <br> тут что то изменится</h3>
 				</div>
-			{/if}
-			
+			{:else}
 			{#each pinnedMsg as msg}
 				<div class="mainPinned">
 					<h3  class="msgPinned">{msg.message}</h3>
 					<img class="imgPinned" src="{msg.avatar_image}" alt="">
 				</div>
 			{/each}
+			{/if}
+			
 		</div></div>