feat: add attachment tab and improve layout for product and customer management pages

src/components/04_product-service/PriceDataComponent.vue

@@ -100,20 +100,22 @@ withDefaults(
 </script>
 
 <template>
-  <div class="row col-12">
+  <div class="row col-12 full-width">
     <div class="col-12 q-pb-sm row items-center">
-      <q-icon
-        flat
-        size="xs"
-        class="q-pa-sm rounded q-mr-sm"
-        color="info"
-        name="mdi-cash"
-        style="background-color: var(--surface-3)"
-      />
-      <span class="text-body1 text-weight-bold">
-        {{ $t('productService.product.priceInformation') }}
-      </span>
-      <section class="q-px-md">
+      <div :class="{ 'col-12': $q.screen.lt.sm }">
+        <q-icon
+          flat
+          size="xs"
+          class="q-pa-sm rounded q-mr-sm"
+          color="info"
+          name="mdi-cash"
+          style="background-color: var(--surface-3)"
+        />
+        <span class="text-body1 q-pr-md text-weight-bold">
+          {{ $t('productService.product.priceInformation') }}
+        </span>
+      </div>
+      <section class="q-pr-md">
         <input
           id="input-calc-vat"
           type="checkbox"