feat: add product card UI

src/pages/04_product-service/MainPage.vue

@@ -3,11 +3,11 @@ import { ref } from 'vue';
 import AppBox from 'components/app/AppBox.vue';
 import ProductCardComponent from 'src/components/04_product-service/ProductCardComponent.vue';
 import StatCard from 'components/StatCardComponent.vue';
-
+import NewProductCardCompoent from 'components/04_product-service/NewProductCardComponent.vue';
 const cardData = ref({
   title: 'งาน MCU',
   subtitle: 'G00000000001',
-  color: 'var(--brand-2)',
+  color: 'var(--pink-6)',
   status: true,
   date: new Date(),
 });
@@ -95,6 +95,12 @@ const inputSearch = ref<string>('');
             :color="cardData.color"
           />
         </div>
+        <div class="col-3">
+          <NewProductCardCompoent
+            :label="'กลุ่มสินค้าและบริการ'"
+            :isType="false"
+          />
+        </div>
       </div>
     </AppBox>
   </div>