fix: use PrimeVue pi-sign-out icon instead of Material Symbols

- Revert Material Symbols due to loading issues
- Use pi-sign-out icon which is already available in PrimeIcons

Author: baderdean

frontend/nuxt.config.ts

@@ -136,7 +136,7 @@ export default defineNuxtConfig({
     },
   },
 
-  css: ['~/assets/css/tailwind.css', '@fontsource/material-symbols-outlined'],
+  css: ['~/assets/css/tailwind.css'],
 
   supabase: {
     url: process.env.SUPABASE_PROJECT_URL,

frontend/package-lock.json

@@ -56,7 +56,6 @@
     "vue-tsc": "^3.1.0"
   },
   "dependencies": {
-    "@fontsource/material-symbols-outlined": "^5.2.37",
     "@primeuix/themes": "^1.2.5",
     "@sentry/nuxt": "^10.17.0",
     "@vueuse/core": "^13.9.0",

frontend/package.json

@@ -2,9 +2,7 @@
   <div class="m-auto text-center flex flex-col space-y-6 max-w-[30rem]">
     <div>
       <div class="inline-flex p-3">
-        <span class="material-symbols-outlined text-7xl text-orange-400"
-          >unsubscribe</span
-        >
+        <i class="pi pi-sign-out !text-7xl !text-orange-400"></i>
       </div>
       <div class="text-4xl font-bold font-serif">
         {{ $t('unsubscribe.success_header') }}