fix: replace the catalog background pattern (#308)

Author: JulienMessageIppon

assets/static/cross.svg

@@ -48,7 +48,7 @@ const props = defineProps<Props>();
   bottom: 0;
   background-size: 30px;
   background-repeat: repeat;
-  background-image: url("@/assets/static/pacman.png");
+  background-image: url("@/assets/static/cross.svg");
   opacity: 0.1;
 }
 </style>

assets/static/pacman.png

@@ -19,6 +19,7 @@
 
 <script setup lang="ts">
 import { Availability } from "~/type/Availability";
+import CatalogBackground from "~/pages/catalog/CatalogBackground.vue";
 
 definePageMeta({
   layout: "public",
@@ -43,11 +44,11 @@ const getIcon = (service: string) => {
 </script>
 
 <template>
-  <PackManBackground class="flex items-center justify-center">
+  <CatalogBackground class="flex items-center justify-center">
     <h1 class="text-center text-5xl font-bold">
       {{ $t("catalog.availabilityCatalog") }}
     </h1>
-  </PackManBackground>
+  </CatalogBackground>
   <div
     class="container py-8 m-auto grid md:grid-cols-2 lg:grid-cols-3 grid-cols gap-4"
   >