feat: Border-radius for tab component - MEED-2729 - Meeds-io/MIPs#81 (#…

…280)

(cherry picked from commit d9e0175)
(cherry picked from commit 756d806)

perk-store-webapps/src/main/webapp/vue-app/components/PerkStoreApp.vue

@@ -41,7 +41,7 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
             <v-tab @click="displayMyOrdersList">{{ $t('exoplatform.perkstore.label.MyOrders') }}</v-tab>
           </v-tabs>
           <v-tabs-items v-model="tab" class="tabs-content card-border-radius">
-            <v-tab-item class="product-list pa-4 card-border-radius" eager>
+            <v-tab-item class="product-list pa-4 card-border-radius overflow-hidden" eager>
               <perk-store-toolbar 
                 :can-add-product="userSettings.canAddProduct"
                 :symbol="symbol"
@@ -113,7 +113,7 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
                 info-message="exoplatform.perkstore.info.rewardsPerkstoreNoProductsDynamicPlaceholder" 
                 @no-result-event="isCatalogDisplayed && newProduct()" />
             </v-tab-item>
-            <v-tab-item class="orders-list card-border-radius pa-4" eager>
+            <v-tab-item class="orders-list card-border-radius overflow-hidden pa-4" eager>
               <perk-store-toolbar 
                 :can-add-product="userSettings.canAddProduct"
                 :symbol="symbol"

perk-store-webapps/src/main/webapp/vue-app/perk-store-admin/components/PerkStoreAdmin.vue

@@ -1,6 +1,6 @@
 <template>
   <v-app>
-    <v-card class="border-radius settingsModal" flat>
+    <v-card class="card-border-radius settingsModal" flat>
       <div class="ignore-vuetify-classes popupHeader ClearFix titleSettings mt-3">
         <span class="ignore-vuetify-classes PopupTitle popupTitle text-truncate titlePerkStoreAdmin">
           {{ $t('exoplatform.perkstore.title.settingsModal') }}