feat: Update Perkstore UI with the new breakpoints values - MEED-3346 -

Meeds-io/MIPs#113 (#323)

This PR allows to update the maxLargeDesktop breakpoint by minLargeDesktop since it is removed from the platform ui variable breakpoints and fix some UI glitch due to the breakpoints changed values.

(cherry picked from commit 97b3ed6)

perk-store-webapps/src/main/webapp/css/main.less

@@ -1334,7 +1334,7 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
   }
 }
 
-@media (min-width : @maxLargeDesktop) {
+@media (min-width : @minLargeDesktop) {
   #PerkStoreApp {
     .perkStoreDetailContent {
       width: 20%;
@@ -1409,4 +1409,4 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
         margin-top: 0;
       }
     }
-  }
+  }

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

@@ -180,7 +180,7 @@ export default {
   }),
   computed: {
     isMobile() {
-      return this.$vuetify.breakpoint.xs;
+      return this.$vuetify.breakpoint.smAndDown;
     },
   },
   watch: {