Fix route conflict: move offer detail page to /offers/detail/[offerId]

- Change theme from cmyk to cupcake
- Move [offerId].vue to detail/[offerId].vue to avoid conflict with [productId]/index.vue
- Update all navigation references to use new /catalog/offers/detail/ path

app/app.vue

@@ -7,7 +7,7 @@
 <script setup lang="ts">
 useHead({
   htmlAttrs: {
-    'data-theme': 'cmyk',
+    'data-theme': 'cupcake',
   },
   script: []
 })

app/components/CalcResultContent.vue

@@ -180,7 +180,7 @@ const getKycProfileUuid = (offerUuid?: string | null) => {
 // Navigate to offer detail page
 const navigateToOffer = (offerUuid?: string | null) => {
   if (!offerUuid) return
-  navigateTo(localePath(`/catalog/offers/${offerUuid}`))
+  navigateTo(localePath(`/catalog/offers/detail/${offerUuid}`))
 }
 
 // Load offer details for prices

app/components/catalog/OfferCard.vue

@@ -1,7 +1,7 @@
 <template>
   <component
     :is="linkable ? NuxtLink : 'div'"
-    :to="linkable ? localePath(`/catalog/offers/${offer.uuid}`) : undefined"
+    :to="linkable ? localePath(`/catalog/offers/detail/${offer.uuid}`) : undefined"
     class="block"
     :class="{ 'cursor-pointer': selectable }"
     @click="selectable && $emit('select')"

app/pages/catalog/offers/[productId]/[hubId].vue

@@ -74,7 +74,7 @@
             :start-name="item.name"
             :end-name="hub?.name"
             :kyc-profile-uuid="getOfferData(item.uuid)?.kycProfileUuid"
-            @select="navigateTo(localePath(`/catalog/offers/${item.uuid}`))"
+            @select="navigateTo(localePath(`/catalog/offers/detail/${item.uuid}`))"
           />
         </template>
 

app/pages/catalog/products/[id].vue

@@ -94,7 +94,7 @@
               :key="offer.uuid"
               padding="md"
               interactive
-              @click="navigateTo(localePath(`/catalog/offers/${offer.uuid}`))"
+              @click="navigateTo(localePath(`/catalog/offers/detail/${offer.uuid}`))"
             >
               <Stack gap="3">
                 <Stack gap="1">