style: remove unnecessary inline comments

Removed Italian and redundant inline comments across multiple files.

app/components/ReportForm.vue

@@ -45,7 +45,6 @@ const isResolvingAddress = ref(false)
 const addressSearchError = ref('')
 const showAddressSuggestions = ref(false)
 
-// Map variables
 const mapContainer = ref<HTMLElement | null>(null)
 let leaflet: typeof import('leaflet') | null = null
 let map: LeafletMap | null = null
@@ -62,7 +61,6 @@ const loadLeaflet = async () => {
 
   const leafletModule = await import('leaflet')
 
-  // Fix per le icone di Leaflet in Nuxt/Vite
   const defaultIcon = leafletModule.icon({
     iconUrl: 'https://unpkg.com/[email protected]/dist/images/marker-icon.png',
     iconRetinaUrl: 'https://unpkg.com/[email protected]/dist/images/marker-icon-2x.png',
@@ -276,7 +274,6 @@ const initMap = async () => {
     void updateLocation(e.latlng.lat, e.latlng.lng)
   })
 
-  // Se c'è già una posizione, imposta il marker
   if (form.value.latitude && form.value.longitude) {
     void updateLocation(form.value.latitude, form.value.longitude, { zoomTo: true })
   }
@@ -435,7 +432,6 @@ watch(() => form.value.address, (newAddress) => {
   }, 350)
 })
 
-// Sincronizza input manuali con la mappa
 watch([() => form.value.latitude, () => form.value.longitude], ([newLat, newLng]) => {
   if (newLat && newLng && map && leaflet) {
     if (!marker || marker.getLatLng().lat !== newLat || marker.getLatLng().lng !== newLng) {

app/middleware/auth.ts

@@ -1,7 +1,6 @@
 export default defineNuxtRouteMiddleware(async (to) => {
   const auth = useAuth()
 
-  // Se c'è un token ma l'utente non è ancora caricato e non stiamo già sincronizzando, sincronizza
   if ((auth.token.value || auth.tokenState.value) && !auth.user.value && !auth.isSyncingUser.value) {
     try {
       await auth.syncUser({ currentPath: to.path })
@@ -11,12 +10,10 @@ export default defineNuxtRouteMiddleware(async (to) => {
     }
   }
 
-  // Se non autenticato, redirige al login
   if (!auth.isAuthenticated.value) {
     return navigateTo('/auth/login')
   }
 
-  // Verifica ruoli se richiesto
   const requiredRole = to.meta.auth?.role
 
   if (requiredRole && auth.user.value) {

app/pages/admin/users.vue

@@ -68,7 +68,6 @@ const handleToggleBan = async () => {
   }
 }
 
-// Modal per i ruoli
 const editingUserId = ref<number | null>(null)
 const selectedRoles = ref<string[]>([])
 const availableRoles = ['CITIZEN', 'OPERATOR', 'ADMIN']

app/pages/auth/login.vue

@@ -9,7 +9,6 @@ useHead({ title: 'Accedi - Visione' })
 
 const { requestOtp, verifyOtp, handleLoginSuccess } = useAuth()
 
-// UI State
 const otpStep = ref<1 | 2>(1)
 const isLoading = ref(false)
 const errorMessage = ref('')

app/pages/info.vue

@@ -1,5 +1,4 @@
 <script setup lang="ts">
-// La pagina è statica, usiamo solo i componenti UI
 useHead({
   title: 'Informazioni sul Progetto - Visione',
 })
@@ -7,7 +6,6 @@ useHead({
 
 <template>
   <div>
-    <!-- HERO SECTION (Senza pt-5/mt-5 come richiesto) -->
     <div class="it-hero-wrapper it-primary">
       <div class="container">
         <div class="row">

app/pages/open-data.vue

@@ -5,11 +5,8 @@ import { BARI_BOUNDS, BARI_CENTER, isWithinBariBounds } from '~/utils/bari'
 
 const { getOpenDataReports } = usePublic()
 
-// Reactive pagination state
 const currentPage = ref(1)
 const perPage = ref(9)
-
-// Fetch data automatically when currentPage changes
 const { data: openDataResponse, pending } = await useAsyncData(
     'open-data-reports',
     () => getOpenDataReports({ page: currentPage.value, per_page: perPage.value }),

app/pages/reports/[id].vue

@@ -16,7 +16,6 @@ if (!reportId) {
   navigateTo('/')
 }
 
-// Fetch dati
 const { data: reportData, refresh: refreshReport } = await useAsyncData(`report-${reportId}`, () =>
     getReportDetail(reportId)
 )

app/types/api.d.ts

@@ -44,7 +44,7 @@ export interface AdminUser {
     phone?: string;
     banned?: boolean;
     points?: number;
-    roles?: string; // Comma-separated
+    roles?: string;
 }
 
 export interface TokenResponse {