chore: install prettier

app/components/orders/PipelinePhase.vue

@@ -15,30 +15,29 @@ const progressUnfilled = computed(() => `var(--bulma-${props.color}-85)`);
       <p :class="`has-text-${color}-40`">{{ name }}</p>
       <p :class="['fs-18 font-bold', `has-text-${color}-30`]">{{ value }}</p>
     </div>
-    <progress 
+    <progress
       :class="['progress is-small mt-2', `is-${color}`]"
       value="20"
       max="100"
-    >
-    </progress>
+    ></progress>
   </div>
-  <div 
+  <div
     v-if="index < 4"
     class="is-flex is-justify-content-center is-align-items-center"
     style="width: 60px; height: 48px"
   >
-    <Icon 
-      name="material-symbols:arrow-forward-rounded" 
+    <Icon
+      name="material-symbols:arrow-forward-rounded"
       :size="24"
       class="has-text-grey-70"
     />
   </div>
 </template>
 <style lang="scss" scoped>
-$progress-value-background-color: 'red';
+$progress-value-background-color: "red";
 
 .progress {
   --bulma-size-small: 0.5rem;
   background-color: v-bind(progressUnfilled);
 }
-</style>
+</style>