fix : overlap page in view and index pages

resources/scripts/views/invoices/Index.vue

@@ -179,7 +179,10 @@
         </template>
 
         <template #cell-name="{ row }">
-          {{ row.data.customer.name }}
+         <BaseText
+            :text="row.data.customer.name"
+            :length="30"
+          />
         </template>
 
         <!-- Invoice Number  -->

resources/scripts/views/invoices/View.vue

@@ -381,7 +381,9 @@ onSearched = debounce(onSearched, 500)
             style="border-bottom: 1px solid rgba(185, 193, 209, 0.41)"
           >
             <div class="flex-2">
-              <div
+              <BaseText
+                :text="invoice.customer.name"
+                :length="30"
                 class="
                   pr-2
                   mb-2
@@ -393,9 +395,7 @@ onSearched = debounce(onSearched, 500)
                   capitalize
                   truncate
                 "
-              >
-                {{ invoice.customer.name }}
-              </div>
+              />
 
               <div
                 class="