feat: Implement chat functionality

resources/js/pages/Dynamics/Show.vue

@@ -1,5 +1,6 @@
 <script setup>
 import AppLayout from '@/layouts/AppLayout.vue';
+import Chat from '@/components/Chat.vue';
 import { Head, Link, useForm } from '@inertiajs/vue3';
 import { route } from 'ziggy-js';
 
@@ -43,6 +44,8 @@ function submit() {
                     </div>
                 </div>
 
+                <Chat :chat="dynamic.chat" />
+
                 <div class="mt-8">
                     <h4 class="text-lg font-medium text-gray-900 dark:text-gray-100">Participants</h4>
                     <ul class="mt-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">

resources/js/pages/Ledgers/Show.vue

@@ -1,5 +1,6 @@
 <script setup>
 import AppLayout from '@/layouts/AppLayout.vue';
+import Chat from '@/components/Chat.vue';
 import { Head, useForm } from '@inertiajs/vue3';
 import { route } from 'ziggy-js';
 
@@ -85,6 +86,7 @@ function submit() {
                             </div>
                             <p class="mt-2 text-sm text-gray-600 dark:text-gray-400">{{ mutation.description }}</p>
                             <div class="mt-2 text-xs text-gray-500">{{ new Date(mutation.created_at).toLocaleString() }}</div>
+                            <Chat :chat="mutation.chat" />
                         </li>
                     </ul>
                     <div v-if="ledger.mutations.length === 0" class="mt-4 text-gray-500">