fix: minor fixes on styling and UI related stuff

app/components/BIIcon.vue

@@ -1,9 +1,24 @@
 <script setup lang="ts">
-defineProps<{
+const iconAliases: Record<string, string> = {
+  'it-bell': 'it-info-circle',
+  'it-grid': 'it-list',
+  'it-history': 'it-clock',
+  'it-home': 'it-pa',
+  'it-image': 'it-file-image',
+  'it-location': 'it-map-marker-circle',
+  'it-map': 'it-map-marker-circle',
+  'it-piu': 'it-plus',
+  'it-star': 'it-star-full',
+  'it-write': 'it-pencil',
+}
+
+const props = defineProps<{
   name: string
   size?: 'xs' | 'sm' | 'lg' | 'xl'
   color?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'white'
 }>()
+
+const resolvedName = computed(() => iconAliases[props.name] || props.name)
 </script>
 
 <template>
@@ -15,6 +30,6 @@ defineProps<{
     ]"
       aria-hidden="true"
   >
-    <use :href="`/sprites.svg#${name}`"></use>
+    <use :href="`/sprites.svg#${resolvedName}`"></use>
   </svg>
-</template>
+</template>

app/components/Footer.vue

@@ -50,7 +50,6 @@ const { sortedMembers } = useMembers();
             <li class="list-inline-item"><a href="/note-legali">Note legali</a></li>
             <li class="list-inline-item"><a href="/privacy">Privacy policy</a></li>
             <li class="list-inline-item"><a href="/sitemap.xml">Mappa del sito</a></li>
-            <li class="list-inline-item"><a href="https://form.agid.gov.it/view/xyz">Dichiarazione di accessibilità <span class="visually-hidden">(link esterno su sito AgID)</span></a></li>
           </ul>
       </div>
     </div>

app/components/Header.vue

@@ -48,7 +48,7 @@ const { isAuthenticated, user, logout } = useAuth()
                   <NuxtLink class="btn btn-primary btn-icon btn-full" to="/dashboard"
                             data-element="personal-area-dashboard" data-focus-mouse="false">
                     <span class="rounded-icon" aria-hidden="true">
-                      <BIIcon name="it-user" />
+                      <BIIcon name="it-user" color="black" />
                     </span>
                     <span class="d-none d-lg-block">{{ user?.first_name }}</span>
                   </NuxtLink>
@@ -56,7 +56,7 @@ const { isAuthenticated, user, logout } = useAuth()
                   <button class="btn btn-primary btn-icon btn-full border-0" @click="logout"
                           data-element="personal-area-logout" data-focus-mouse="false">
                     <span class="rounded-icon" aria-hidden="true">
-                      <BIIcon name="it-logout" /> <!-- usa it-unlocked se it-logout non è presente -->
+                      <BIIcon name="it-logout" color="white" />
                     </span>
                     <span class="d-none d-lg-block">Esci</span>
                   </button>
@@ -66,7 +66,7 @@ const { isAuthenticated, user, logout } = useAuth()
                 <NuxtLink v-else class="btn btn-primary btn-icon btn-full" to="/auth/login"
                           data-element="personal-area-login" data-focus-mouse="false">
                   <span class="rounded-icon" aria-hidden="true">
-                    <BIIcon name="it-user" />
+                    <BIIcon name="it-user" color="black" />
                   </span>
                   <span class="d-none d-lg-block">Login</span>
                 </NuxtLink>
@@ -187,4 +187,4 @@ const { isAuthenticated, user, logout } = useAuth()
   opacity: 1;
   pointer-events: auto;
 }
-</style>
+</style>

app/components/dashboard/CitizenDashboard.vue

@@ -245,7 +245,6 @@ const formatDate = (dateString?: string): string => {
 </template>
 
 <style scoped>
-.display-6 { font-size: 2.2rem; line-height: 1; }
 .table-hover tbody tr:hover { background-color: rgba(0, 111, 157, 0.03); }
 .btn-group .btn { min-width: 80px; }
-</style>
+</style>