Enhance PlaymateRecordCard styling for better text display

- Added 'white-space: nowrap' CSS property to the PlaymateRecordCard component to prevent text wrapping, improving the visual layout and readability of discount information.

app/components/order/PlaymateRecordCard.vue

@@ -373,6 +373,7 @@ const isDiscount = computed(() => {
     font-size: 11px;
     font-weight: 400;
     line-height: 14px;
+    white-space: nowrap;
   }
 }