feat: breadcrumbs customer history purchase

resources/js/pages/Customers/HistoryPurchase.vue

 <script setup>
+import { Link } from '@inertiajs/inertia-vue3'
 import { useForm } from '@/composables/useForm'
 import { IDRCurrencyFormat } from '@/utils/helpers'
 import { cartTable } from './config'
 })
 
 const { cart, totalCartPrice } = useCart(form, props.saleDetail)
+
+const back = () => history.back()
 </script>
 
 <template>
     <DynamicDialog />
 
     <div class="grid">
+      <div class="col-12 flex flex-column md:flex-row md:align-items-center">
+        <Link class="text-primary text-5xl font-bold" @click="back">
+          Pelanggan
+        </Link>
+
+        <span class="text-5xl font-bold mx-2"> / </span>
+
+        <span class="text-5xl font-bold">Detail Pembelian</span>
+      </div>
+
       <div class="col-12">
         <div class="grid">
           <div class="col-12">

resources/js/pages/Customers/Index.vue

       <Column>
         <template #body="{ data }">
           <div class="grid gap-2">
-            <AppButtonLink
-              icon="pi pi-eye"
-              class="p-button-icon-only p-button-rounded p-button-text"
-              v-tooltip.bottom="'History Pembelian'"
-              :href="route('customers.show', data.id)"
-            />
-
             <AppButtonLink
               icon="pi pi-pencil"
               class="p-button-icon-only p-button-rounded p-button-text"
               v-tooltip.bottom="'Hapus Pelanggan'"
               @click="onDelete(data)"
             />
+
+            <AppButtonLink
+              icon="pi pi-chevron-right"
+              class="p-button-icon-only p-button-rounded p-button-text"
+              v-tooltip.bottom="'History Pembelian'"
+              :href="route('customers.show', data.id)"
+            />
           </div>
         </template>
       </Column>

resources/js/pages/Customers/Show.vue

           <Column>
             <template #body="{ data }">
               <AppButtonLink
-                icon="pi pi-eye"
+                icon="pi pi-chevron-right"
                 class="p-button-icon-only p-button-rounded p-button-text"
                 v-tooltip.bottom="'Lihat Detail Penjualan'"
                 :href="route('customers.history-purchases', data.id)"

resources/js/pages/Purchases/Index.vue

 
           <AppButtonLink
             v-else
-            icon="pi pi-eye"
+            icon="pi pi-chevron-right"
             class="p-button-icon-only p-button-rounded p-button-text"
             v-tooltip.bottom="'Lihat Detail Pembelian'"
             :href="route('purchases.show', data.id)"

resources/js/pages/Sales/Index.vue

       <Column>
         <template #body="{ data }">
           <AppButtonLink
-            icon="pi pi-eye"
+            icon="pi pi-chevron-right"
             class="p-button-icon-only p-button-rounded p-button-text"
             v-tooltip.bottom="'Lihat Detail Penjualan'"
             :href="route('sales.show', data.id)"