feat: design update, show avatar in navbar

frontend/spa/src/components/ProductItem/Price.vue

@@ -0,0 +1,24 @@
+<template>
+  <div v-if="special">
+    <span class="old-price text-stone-500 line-through mr-1">{{ price }}</span>
+    <span class="curr-price font-medium">{{ special }}</span>
+  </div>
+  <div v-else class="font-medium">{{ price }}</div>
+</template>
+
+<script setup>
+const props = defineProps({
+  price: String,
+  special: [String, Boolean],
+});
+</script>
+
+<style scoped>
+.old-price {
+  font-size: 0.65rem;
+}
+
+.curr-price {
+  font-size: .9rem;
+}
+</style>