fix : overlap page in view and index pages

resources/scripts/views/customers/partials/CustomerViewSidebar.vue

@@ -131,7 +131,9 @@
           style="border-top: 1px solid rgba(185, 193, 209, 0.41)"
         >
           <div>
-            <div
+            <BaseText
+              :text="customer.name"
+              :length="30"
               class="
                 pr-2
                 text-sm
@@ -142,11 +144,12 @@
                 capitalize
                 truncate
               "
-            >
-              {{ customer.name }}
-            </div>
-            <div
+            />
+            
+            <BaseText
               v-if="customer.contact_name"
+              :text="customer.contact_name"
+              :length="30"
               class="
                 mt-1
                 text-xs
@@ -155,9 +158,7 @@
                 leading-5
                 text-gray-600
               "
-            >
-              {{ customer.contact_name }}
-            </div>
+            />
           </div>
           <div class="flex-1 font-bold text-right whitespace-nowrap">
             <BaseFormatMoney