fix(spa): correct line breaks for long attribute names and values in Product.vue

- Fix word wrapping for attribute names and values in product details
- Ensure proper text display for long attribute names and values

frontend/spa/src/views/Product.vue

@@ -108,8 +108,8 @@
                   <div class="space-y-2">
                     <div v-for="attr in attrGroup.attribute" :key="attr.attribute_id"
                          class="flex justify-between items-start gap-4 py-1">
-                      <span class="text-sm text-base-content/60 flex-shrink-0">{{ attr.name }}</span>
-                      <span class="text-sm font-medium text-right flex-1">{{ attr.text }}</span>
+                      <span class="text-sm text-base-content/60 min-w-0 max-w-[45%] break-words">{{ attr.name }}</span>
+                      <span class="text-sm font-medium text-right min-w-0 flex-1 break-words">{{ attr.text }}</span>
                     </div>
                   </div>
                 </div>