feat: update authentication flow and user navigation

app/pages/operator/assigned.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import type { Report } from '~/types/api'
-
 definePageMeta({
   middleware: 'auth',
   auth: { role: 'OPERATOR' }
@@ -19,7 +17,6 @@ const { data: reportsRes, pending } = useAsyncData(
   { watch: [page] }
 )
 
-const formatDate = (dateString: string) => new Date(dateString).toLocaleDateString('it-IT')
 </script>
 
 <template>
@@ -41,36 +38,11 @@ const formatDate = (dateString: string) => new Date(dateString).toLocaleDateStri
     </div>
 
     <div v-else>
-      <div class="table-responsive">
-        <table class="table table-hover border-bottom">
-          <thead class="table-light">
-            <tr>
-              <th scope="col" class="small">#ID</th>
-              <th scope="col" class="small">Categoria</th>
-              <th scope="col" class="small">Indirizzo</th>
-              <th scope="col" class="small">Stato</th>
-              <th scope="col" class="small">Creata il</th>
-              <th scope="col" class="text-center small">Azioni</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr v-for="report in reportsRes.reports" :key="report.id" class="align-middle">
-              <td class="small font-weight-semibold">#{{ report.id }}</td>
-              <td class="small">{{ report.category_name }}</td>
-              <td class="small">{{ report.address }}</td>
-              <td class="small">
-                <StatusBadge :status="report.status" />
-              </td>
-              <td class="small text-muted">{{ formatDate(report.created_at) }}</td>
-              <td class="text-center">
-                <NuxtLink :to="`/operator/reports/${report.id}`" class="btn btn-sm btn-outline-primary">
-                  Gestisci
-                </NuxtLink>
-              </td>
-            </tr>
-          </tbody>
-        </table>
-      </div>
+      <ReportTable
+        :reports="reportsRes.reports"
+        detail-base-path="/operator/reports"
+        action-label="Apri segnalazione"
+      />
 
       <Pagination 
         v-if="reportsRes.total > perPage"