add detailed reporting page

resources/js/packages/ui/src/Input/MultiselectDropdownItem.vue

@@ -21,7 +21,9 @@ const iconClasses = computed(() => {
     <div
         class="flex items-center space-x-3 w-full px-3 py-2.5 text-start text-sm font-medium leading-5 text-white hover:bg-card-background-active focus:outline-none focus:bg-card-background-active transition duration-150 ease-in-out">
         <CheckCircleIcon :class="twMerge(iconClasses, 'w-5')"></CheckCircleIcon>
-        <span>{{ name }}</span>
+        <span class="flex-1 min-w-0 overflow-ellipsis overflow-hidden">{{
+            name
+        }}</span>
     </div>
 </template>