Add continuation for thread reply level (#9821)

I think this will solve the continuation issue in threads where the reply level reaches 12 deep in the conversation thread, without getting to indent depth 5.

Co-authored-by: Kaity A <kaity@theallans.com.au>
Co-authored-by: Kaity A <supakaity@blahaj.zone>
Reviewed-on: https://codeberg.org/calckey/calckey/pulls/9821
Co-authored-by: Kaity A <supakaity@noreply.codeberg.org>
Co-committed-by: Kaity A <supakaity@noreply.codeberg.org>

packages/client/src/components/MkNoteSub.vue

@@ -142,6 +142,7 @@
 			</div>
 		</div>
 		<template v-if="conversation">
+			<template v-if="replyLevel < 11 && depth < 5">
 				<template v-if="replies.length == 1">
 					<MkNoteSub
 						v-for="reply in replies"
@@ -150,10 +151,11 @@
 						class="reply single"
 						:conversation="conversation"
 						:depth="depth"
+						:replyLevel="replyLevel + 1"
 						:parentId="appearNote.replyId"
 					/>
 				</template>
-			<template v-else-if="depth < 5">
+				<template v-else>
 					<MkNoteSub
 						v-for="reply in replies"
 						:key="reply.id"
@@ -161,9 +163,11 @@
 						class="reply"
 						:conversation="conversation"
 						:depth="depth + 1"
+						:replyLevel="replyLevel + 1"
 						:parentId="appearNote.replyId"
 					/>
 				</template>
+			</template>
 			<div v-else-if="replies.length > 0" class="more">
 				<div class="line"></div>
 				<MkA class="text _link" :to="notePage(note)"
@@ -206,9 +210,12 @@ const props = withDefaults(
 
 		// how many notes are in between this one and the note being viewed in detail
 		depth?: number;
+		// the actual reply level of this note within the conversation thread
+		replyLevel?: number;
 	}>(),
 	{
 		depth: 1,
+		replyLevel: 1,
 	}
 );