fix: ellipsis product card and cleanup

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

@@ -50,12 +50,12 @@ withDefaults(
     @click="$emit('select', data)"
   >
     <div class="row flex justify-between text-bold">
-      <div class="col-9" :class="{ inactive: isDisabled }">
+      <div class="col ellipsis-2-lines" :class="{ inactive: isDisabled }">
         {{ title ?? 'title' }}
       </div>
       <div
         v-if="isSelected === false"
-        class="col-3 relative-position"
+        class="col-1 relative-position"
         style="left: 10px; bottom: 10px"
       >
         <q-btn