fix cent formatting and reporting pie chart labels

resources/js/Components/Common/Reporting/ReportingPieChart.vue

@@ -100,8 +100,7 @@ const option = ref({
         trigger: 'item',
     },
     legend: {
-        orient: 'vertical',
-        bottom: 'bottom',
+        top: 'bottom',
     },
     backgroundColor: 'transparent',
     series: [

resources/js/Components/Common/Reporting/ReportingRow.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { formatHumanReadableDuration } from '@/utils/time';
-import { formatMoney } from '@/utils/money';
+import { formatCents } from '@/utils/money';
 import GroupedItemsCountButton from '@/Components/Common/GroupedItemsCountButton.vue';
 import { ref } from 'vue';
 import { twMerge } from 'tailwind-merge';
@@ -54,7 +54,7 @@ const expanded = ref(false);
             {{ formatHumanReadableDuration(entry.seconds) }}
         </div>
         <div class="justify-end pr-6 flex items-center">
-            {{ formatMoney(entry.cost) }}
+            {{ formatCents(entry.cost) }}
         </div>
     </div>
     <div