Components: Expansible-panel: Fix alert icon ripple effect

Signed-off-by: Arturo Manzoli <[email protected]>

src/components/ExpansiblePanel.vue

@@ -53,9 +53,9 @@
               <v-icon :size="interfaceStore.isOnSmallScreen ? 15 : 18" color="white" icon="mdi-information-outline" />
             </v-btn>
           </div>
-          <div v-if="hasWarningSlot" class="flex justify-end items-center w-[10%] relative">
+          <div v-if="hasWarningSlot" class="flex justify-end items-center w-[10%]">
             <v-btn
-              class="ml-auto w-[10px] rounded-full mr-2"
+              class="rounded-full relative overflow-hidden"
               size="small"
               color="transparent"
               elevation="0"
@@ -310,6 +310,7 @@ const hasWarningSlot = computed(() => !!slots.warning?.())
   border-radius: 50%;
   transform: translate(-50%, -50%) scale(0);
   animation: rippleEffect 1.5s infinite;
+  pointer-events: none;
 }
 
 @keyframes rippleEffect {