polishing, mutationlist gerepareerd

resources/js/components/MutationList.vue

@@ -170,25 +170,25 @@ function getAmountClass(amount: number): string {
 
                 <!-- Owner Approve/Reject Actions -->
                 <div
-                    v-if="mutation.can.update || mutation.can.void"
+                    v-if="mutation.can?.update || mutation.can?.void"
                     class="c-mutation-list__actions"
                 >
                     <button
-                        v-if="mutation.can.update"
+                        v-if="mutation.can?.update"
                         @click="updateStatus(mutation.id, 'approved')"
                         class="c-mutation-list__approve-btn"
                     >
                         Approve
                     </button>
                     <button
-                        v-if="mutation.can.update"
+                        v-if="mutation.can?.update"
                         @click="updateStatus(mutation.id, 'rejected')"
                         class="c-mutation-list__reject-btn"
                     >
                         Reject
                     </button>
                     <button
-                        v-if="mutation.can.void"
+                        v-if="mutation.can?.void"
                         @click="voidMutation(mutation.id)"
                         class="c-mutation-list__void-btn"
                     >

resources/js/pages/Dynamics/Index.vue

@@ -114,6 +114,7 @@ defineProps<{
 
 .c-dynamics-index__item-desc {
     @apply mt-2 text-sm text-gray-600 dark:text-gray-400;
+    white-space: pre-line;
 }
 
 .c-dynamics-index__empty {