feat: replace SVG icons with BIIcon component in Footer, Header, and index pages

app/components/Footer.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import MemberDot from "~/components/MemberDot.vue";
+import BIIcon from "~/components/BIIcon.vue";
 import { useMembers } from "~/composables/useMembers";
 
 const { sortedMembers } = useMembers();
@@ -14,7 +15,7 @@ const { sortedMembers } = useMembers();
             <div class="col-sm-12">
               <div class="it-brand-wrapper">
                 <a href="#" data-focus-mouse="false">
-                  <svg class="icon"><use xlink:href="https://italia.github.io/bootstrap-italia/dist/svg/sprites.svg#it-code-circle"></use></svg>
+                  <BIIcon name="it-code-circle" />
                   <div class="it-brand-text">
                     <h2>Visione</h2>
                     <h3 class="d-none d-md-block">Segnalazioni anonime e sicure</h3>