feat: update styles and enhance pet purchase flow in marketplace components

frontend/src/composables/useShop.ts

@@ -1,5 +1,6 @@
 import { ref } from 'vue';
 import { useWallet } from './useWallet';
+import { refreshMyPerks } from './useMessages';
 
 /** Marketplace client: catalogue, my entitlements, purchase flow. */
 
@@ -96,8 +97,8 @@ export function useShop() {
         return false;
       }
       lastSuccess.value = `Acheté : ${productId}`;
-      // Refresh wallet + my entitlements (WS also pushes wallet, this is belt-and-braces).
-      await Promise.all([fetchWallet(), fetchMe(), fetchProducts()]);
+      // Refresh wallet + my entitlements + myPerks (WS also pushes wallet, this is belt-and-braces).
+      await Promise.all([fetchWallet(), fetchMe(), fetchProducts(), refreshMyPerks()]);
       return true;
     } catch {
       lastError.value = 'Réseau indisponible';