ADD: more icon consistency

More icons and better consistency

app/components/Footer.vue

@@ -14,15 +14,15 @@
     </ul>
     <ul class="sitemap gap-default">
       <li class="tip-container">
-        <Icon name="material-symbols:cookie-off-outline" size="1.5rem" mode="svg" />
+        <Icon name="ph:cookie-duotone" size="1.5rem" mode="svg" />
         <span class="tip">Ohne Cookies</span>
       </li>
       <li class="tip-container">
-        <Icon name="material-symbols:fingerprint-off" size="1.5rem" mode="svg" />
+        <Icon name="ph:fingerprint-simple-duotone" size="1.5rem" mode="svg" />
         <span class="tip">Ohne Tracker</span>
       </li>
     </ul>
-    <p>&copy; 2024 by <a href="https://webfussel.de">webfussel</a></p>
+    <p class="inline-flex-row"><Icon name="ph:copyright-duotone" mode="svg"/> 2024 by <a href="https://webfussel.de">webfussel</a></p>
   </footer>
 </template>
 
@@ -57,12 +57,12 @@ const nav = [
 const socials = [
   {
     href: 'https://www.linkedin.com/in/webfussel/',
-    icon: 'ri:linkedin-box-line',
+    icon: 'ph:linkedin-logo-duotone',
     'aria-label': 'Externer Link: LinkedIn Profil'
   },
   {
     href: 'https://mastodontech.de/@webfussel',
-    icon: 'ri:mastodon-line',
+    icon: 'ph:mastodon-logo-duotone',
     rel: 'me',
     'aria-label': 'Externer Link: Mastodon Profil'
   },
@@ -73,7 +73,7 @@ const socials = [
   },
   {
     href: 'https://twitch.tv/webfussel',
-    icon: 'ri:twitch-line',
+    icon: 'ph:twitch-logo-duotone',
     'aria-label': 'Externer Link: Twitch Kanal'
   },
   {