feat: Implement chat pagination, participant single page with mutations, and fix user link substitutions

resources/js/pages/Ledgers/Show.vue

@@ -4,6 +4,7 @@ import { useEcho } from '@laravel/echo-vue';
 import { ref } from 'vue';
 import { route } from 'ziggy-js';
 import AddMutationForm from '@/components/AddMutationForm.vue';
+import Chat from '@/components/Chat.vue';
 import MutationList from '@/components/MutationList.vue';
 
 const props = defineProps<{
@@ -37,6 +38,10 @@ const props = defineProps<{
         }>;
     };
     isOwner: boolean;
+    messages: {
+        data: Array<any>;
+        next_page_url: string | null;
+    };
 }>();
 
 const breadcrumbs = [
@@ -258,6 +263,8 @@ function isOwnerUser(userId: number): boolean {
                 :ledger-alignment="ledger.alignment"
                 @open-lightbox="openLightbox"
             />
+
+            <Chat :chat="dynamic.chat" :initial-messages="messages" :participants="dynamic.participants" :dynamic-id="dynamic.id" />
         </div>
     </div>