misc: update dependencies + fix vuetify styles

client/scss/base/base.scss

@@ -30,7 +30,14 @@ html {
   }
 }
 
-.v-application {
+#root .v-application {
+  .overline {
+    line-height: 1rem;
+    font-size: .625rem!important;
+    font-weight: 400;
+    letter-spacing: .1666666667em!important;
+  }
+
   @for $i from 0 through 25 {
     .radius-#{$i} {
       border-radius: #{$i}px;

client/themes/default/components/page.vue

@@ -7,7 +7,7 @@
       dark
       app
       clipped
-      mobile-break-point='600'
+      mobile-breakpoint='600'
       :temporary='$vuetify.breakpoint.smAndDown'
       v-model='navShown'
       :right='$vuetify.rtl'
@@ -30,7 +30,7 @@
         )
         v-icon mdi-menu
 
-    v-content(ref='content')
+    v-main(ref='content')
       template(v-if='path !== `home`')
         v-toolbar(:color='$vuetify.theme.dark ? `grey darken-4-d3` : `grey lighten-3`', flat, dense, v-if='$vuetify.breakpoint.smAndUp')
           //- v-btn.pl-0(v-if='$vuetify.breakpoint.xsOnly', flat, @click='toggleNavigation')

client/themes/default/scss/app.scss

@@ -1,6 +1,6 @@
 /* THEME SPECIFIC STYLES */
 
-.v-content .contents {
+.v-main .contents {
   color: mc('grey', '800');
   padding: .5rem 0 50px;
   position: relative;