fix: Fix the sentence casing in action_data (#4053)

Author: devendrarana

src/app/shared/components/comments-history/audit-history/statuses-diff/statuses-diff.component.html

@@ -22,8 +22,11 @@
 }
 @if (shouldShowDetails() && !isValueList()) {
   <div>
-    <li class="text-sentence-case">
-      {{ key() === 'vehicle type' ? ('statusesDiff.mileageRateName' | transloco) : key() }} : {{ displayValue() }}
+    <li>
+      <span class="text-sentence-case">{{
+        key() === 'vehicle type' ? ('statusesDiff.mileageRateName' | transloco) : key()
+      }}</span>
+      : <span class="text-first-letter-uppercase">{{ displayValue() }}</span>
     </li>
   </div>
 }

src/global.scss

@@ -337,6 +337,13 @@ ion-popover.camera-options-popover {
   }
 }
 
+.text-first-letter-uppercase {
+  display: inline-block;
+  &::first-letter {
+    text-transform: uppercase !important;
+  }
+}
+
 .d-flex {
   display: flex !important;
 }