refactor: fix indentation

app/components/Header.vue

@@ -6,12 +6,10 @@ import BIIcon from "~/components/BIIcon.vue";
 const route = useRoute()
 const isMobileMenuOpen = ref(false)
 
-// 1. Close menu on route change
 watch(() => route.path, () => {
   isMobileMenuOpen.value = false
 })
 
-// 2. Prevent body scroll when mobile menu is open
 watch(isMobileMenuOpen, (isOpen) => {
   if (typeof document !== 'undefined') {
     if (isOpen) {
@@ -22,7 +20,6 @@ watch(isMobileMenuOpen, (isOpen) => {
   }
 })
 
-// 3. Failsafe: Re-enable scrolling if the component is destroyed while menu is open
 onUnmounted(() => {
   if (typeof document !== 'undefined') {
     document.body.style.overflow = ''
@@ -151,7 +148,6 @@ const panelLabel = computed(() => user.value?.role?.toUpperCase() === 'ADMIN' ?
                   <div class="close-div">
                     <button class="btn close-menu" type="button" @click="isMobileMenuOpen = false">
                       <span class="visually-hidden">Nascondi la navigazione</span>
-                      <!-- FIXED: Added color="black" so it's visible on white -->
                       <BIIcon name="it-close-big" color="black"/>
                     </button>
                   </div>
@@ -200,7 +196,6 @@ const panelLabel = computed(() => user.value?.role?.toUpperCase() === 'ADMIN' ?
   background-color: rgb(0, 76.5, 153);
 }
 
-/* --- MOBILE MENU FIXES --- */
 @media (max-width: 991.98px) {
   .overlay {
     position: fixed;
@@ -241,7 +236,6 @@ const panelLabel = computed(() => user.value?.role?.toUpperCase() === 'ADMIN' ?
     transform: translateX(0);
   }
 
-  /* FIXED: Removed the border-bottom here */
   .close-div {
     display: flex;
     justify-content: flex-end;

app/components/MessageComposer.vue

@@ -130,7 +130,6 @@ const removeFile = (idx: number) => {
   font-size: 0.55rem;
 }
 
-/* Stili specifici richiesti per la chat */
 .chat-textarea {
   resize: none !important;
   height: 48px;

app/components/ReportTable.vue

@@ -55,7 +55,6 @@ const reportHref = (report: Report) => `${props.detailBasePath}/${report.id}`
         <td class="report-table-id">#{{ report.id }}</td>
         <td class="text-nowrap">{{ report.category_name || '-' }}</td>
         <td>
-          <!-- Added inline-block, text-truncate (for ellipsis), and max-width 10ch -->
           <span class="report-address d-inline-block text-truncate align-middle" style="max-width: 10ch;" :title="report.address">
               {{ report.address || '-' }}
             </span>