Merge branch 'overlap-page' into 'master'

fix : overlap page in view and index pages

See merge request mohit.panjvani/crater-web!1299

resources/scripts/views/payments/Index.vue

@@ -161,9 +161,11 @@
         </template>
 
         <template #cell-name="{ row }">
-          <span>
-            {{ row.data.customer.name }}
-          </span>
+          <BaseText
+            :text="row.data.customer.name"
+            :length="30"
+            tag="span"
+          />
         </template>
 
         <template #cell-payment_mode="{ row }">

resources/scripts/views/payments/View.vue

@@ -162,7 +162,9 @@
             style="border-bottom: 1px solid rgba(185, 193, 209, 0.41)"
           >
             <div class="flex-2">
-              <div
+              <BaseText
+                :text="payment?.customer?.name "
+                :length="30"
                 class="
                   pr-2
                   mb-2
@@ -174,9 +176,7 @@
                   capitalize
                   truncate
                 "
-              >
-                {{ payment?.customer?.name }}
-              </div>
+              />
 
               <div
                 class="