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/estimates/Index.vue

@@ -197,9 +197,7 @@
         </template>
 
         <template #cell-name="{ row }">
-          <div>
-            {{ row.data.customer.name }}
-          </div>
+          <BaseText :text="row.data.customer.name" :length="30" />
         </template>
 
         <template #cell-status="{ row }">

resources/scripts/views/estimates/View.vue

@@ -180,7 +180,9 @@
             style="border-bottom: 1px solid rgba(185, 193, 209, 0.41)"
           >
             <div class="flex-2">
-              <div
+              <BaseText
+                :text="estimate.customer.name"
+                :length="30"
                 class="
                   pr-2
                   mb-2
@@ -192,10 +194,8 @@
                   capitalize
                   truncate
                 "
-              >
-                {{ estimate.customer.name }}
-              </div>
-
+              />
+              
               <div
                 class="
                   mt-1