fix(encounter): updates BPJS menu icon to image and tweaks style

app/components/app/encounter/history-button-menu.vue

@@ -54,9 +54,9 @@ const itemsOne: ButtonItems[] = [
   },
   {
     label: 'I-Care BPJS',
-    icon: 'i-lucide-file',
+    icon: '/bpjs.png',
     value: 'bpjs',
-    type: 'icon',
+    type: 'image',
   },
   {
     label: 'Fil SEP',
@@ -96,15 +96,16 @@ function handleClick(value: string) {
       :class="[
         'flex items-center gap-2 rounded-lg border px-3 py-1 text-sm font-medium transition-colors',
         activeMenu === item.value
-          ? 'border-orange-500 bg-orange-500 text-white'
+          ? 'border-orange-300 bg-orange-400 text-white'
           : 'border-orange-300 bg-white text-orange-500 hover:bg-orange-400 hover:text-white'
       ]"
       @click="handleClick(item.value)"
     >
-      <Icon
+      <Icon v-if="item.type === 'icon'"
         :name="item.icon"
         class="h-4 w-4"
       />
+      <img v-else-if="item.type === 'image'" :src="item.icon" class="h-[24px] w-[24px] object-contain" />
       {{ item.label }}
     </Button>
   </div>
@@ -116,7 +117,7 @@ function handleClick(value: string) {
       :class="[
         'flex items-center gap-2 rounded-lg border px-3 py-1 text-sm font-medium transition-colors',
         activeMenu === item.value
-          ? 'border-orange-500 bg-orange-500 text-white'
+          ? 'border-orange-300 bg-orange-400 text-white'
           : 'border-orange-300 bg-white text-orange-500 hover:bg-orange-400 hover:text-white'
       ]"
       @click="handleClick(item.value)"