chore: upgrade to vuetify v4 (#7432)

frontend/app/pages/household/mealplan/planner/edit.vue

@@ -71,9 +71,10 @@
         :key="index"
         cols="12"
         sm="12"
-        md="3"
-        lg="3"
-        xl="2"
+        md="6"
+        lg="4"
+        xl="3"
+        xxl="2"
         class="col-borders my-1 d-flex flex-column"
       >
         <v-card class="mb-2 border-left-primary rounded-sm pa-2">

frontend/app/pages/household/mealplan/planner/view.vue

@@ -6,9 +6,10 @@
         :key="index"
         cols="12"
         sm="12"
-        md="4"
+        md="6"
         lg="4"
-        xl="2"
+        xl="3"
+        xxl="2"
         class="col-borders my-1 d-flex flex-column"
       >
         <v-card class="mb-2 border-left-primary rounded-sm px-2">

frontend/app/pages/household/members.vue

@@ -22,7 +22,7 @@
       </i18n-t>
       <v-container class="mt-1 px-0">
         <nuxt-link
-          class="text-center"
+          class="text-center text-primary"
           :to="`/user/profile/edit`"
         > {{ $t('group.looking-to-update-your-profile') }}
         </nuxt-link>

frontend/app/pages/household/notifiers.vue

@@ -49,34 +49,34 @@
         <a
           href="https://github.com/caronc/apprise/wiki"
           target="_blanks"
-          class="mx-2"
+          class="mx-2 text-primary"
         > Apprise </a>
         <a
           href="https://github.com/caronc/apprise/wiki/Notify_gotify"
           target="_blanks"
-          class="mx-2"
+          class="mx-2 text-primary"
         > Gotify </a>
         <a
           href="https://github.com/caronc/apprise/wiki/Notify_discord"
           target="_blanks"
-          class="mx-2"
+          class="mx-2 text-primary"
         > Discord </a>
         <a
           href="https://github.com/caronc/apprise/wiki/Notify_homeassistant"
           target="_blanks"
-          class="mx-2"
+          class="mx-2 text-primary"
         > Home
           Assistant
         </a>
         <a
           href="https://github.com/caronc/apprise/wiki/Notify_matrix"
           target="_blanks"
-          class="mx-2"
+          class="mx-2 text-primary"
         > Matrix </a>
         <a
           href="https://github.com/caronc/apprise/wiki/Notify_pushover"
           target="_blanks"
-          class="mx-2"
+          class="mx-2 text-primary"
         > Pushover </a>
       </div>
     </BasePageTitle>