update many things

src/app/shared/components/key-value.component/key-value.component.html

@@ -2,7 +2,7 @@
   <div class="inline-flex gap-2 items-center w-full">
     <span class="text-muted-color text-base font-normal flex-auto grow-0">{{ label }}:</span>
     <div
-      class="shrink-0 grow"
+      class="shrink-0 grow max-sm:text-left"
       [ngClass]="{
         'text-right': alignment === 'start',
         'text-center': alignment === 'center',

src/app/shared/components/key-value.component/key-value.component.ts

@@ -30,6 +30,7 @@ export class KeyValueComponent {
     | 'thumbnail'
     | 'nested'
     | 'index'
+    | 'number'
     | 'simple' = 'simple';
 
   @Input() trueValueToShow?: string;
@@ -89,6 +90,9 @@ export class KeyValueComponent {
             case 'has':
               value = 'ندارد';
               break;
+            case 'number':
+              value = '0';
+              break;
           }
         }
       }