done: edit, detail report

fix: parsing err datetime on edit mode

todo: koordinasi dengan tim be terkait datetime iso

impl edit form

feat(treatment-report): add detail view and preview components

- Implement treatment report detail page with RBAC checks
- Create preview component with accordion layout
- Extract mock data to shared sample file
- Enhance procedure picker with preview mode
- Update schema to make procedure id required
- Improve detail row styling and layout

feat(treatment-report): update page titles and enhance preview component

- Update page titles for treatment report pages to be more descriptive
- Implement date formatting in treatment report preview
- Add router navigation for edit functionality
- Enhance preview component with detailed operation data sections
- Add support for tissue notes display in preview

app/components/pub/my-ui/form/view/detail-row.vue

@@ -5,15 +5,17 @@ defineProps<{
 </script>
 
 <template>
-  <div class="flex flex-col gap-1 lg:grid lg:grid-cols-[180px_minmax(0,1fr)] lg:gap-x-3">
+  <div class="grid grid-cols-[150px_10px_1fr] gap-y-1 lg:grid-cols-[180px_12px_1fr]">
     <!-- Label -->
-    <span class="text-md font-normal text-muted-foreground">
+    <span class="text-md font-normal tracking-wide text-muted-foreground">
       {{ label }}
     </span>
 
+    <!-- Colon -->
+    <span class="text-md tracking-wide text-muted-foreground">:</span>
+
     <!-- Value -->
-    <span class="truncate lg:whitespace-normal">
-      <span class="me-3 hidden lg:inline-block">:</span>
+    <span class="text-md font-sans tracking-wide">
       <slot />
     </span>
   </div>