fix: employee layout & product card bg icon

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

@@ -28,14 +28,14 @@ withDefaults(
       :style="`background-color:hsla(${color}/0.1)`"
     >
       <div class="row justify-between items-center">
-        <q-btn
+        <q-avatar
           round
           icon="mdi-folder"
-          size="12px"
+          size="48px"
           class="q-my-md q-ml-md"
-          flat
-          :style="`color:hsl(${color});background-color:var(--surface-0)`"
+          :style="`color:hsl(${color});background-color:var(--surface-1)`"
         />
+
         <q-btn
           flat
           round