feat: build UI

app/components/inventory/InventoryHighlightCard.vue

@@ -0,0 +1,28 @@
+<script setup>
+const props = defineProps({
+  name: String,
+  value: String,
+  unit: String,
+  icon: String,
+  color: String
+})
+</script>
+<template>
+  <div class="cell">
+    <div class="card h-full">
+      <div class="card-content is-flex is-justify-content-space-between is-align-items-start is-gap-1">
+        <div>
+          <p class="fs-14 has-text-grey">{{ name }}</p>
+          <p class="fs-22 font-bold">{{ value }}</p>
+        </div>
+        <div :class="['p-3 rounded-lg is-flex is-justify-content-center is-align-items-center', `has-background-${color}-soft`]">
+          <Icon
+            :name="icon"
+            :class="`has-text-${color}-40`"
+            :size="24"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>