feat: implement user favorites page (#1376)

* fix geFavorites return

* add support for toggling to dense cards on desktop

* add favorites page link

* implement basic favorites page

frontend/components/Layout/AppSidebar.vue

@@ -7,7 +7,9 @@
 
         <v-list-item-content>
           <v-list-item-title> {{ $auth.user.fullName }}</v-list-item-title>
-          <v-list-item-subtitle> {{ $auth.user.admin ? $t("user.admin") : $t("user.user") }}</v-list-item-subtitle>
+          <v-list-item-subtitle>
+            <NuxtLink class="favorites-link" :to="`/user/${$auth.user.id}/favorites`"> Favorite Recipes </NuxtLink>
+          </v-list-item-subtitle>
         </v-list-item-content>
       </v-list-item>
       <v-divider></v-divider>
@@ -200,4 +202,12 @@ export default defineComponent({
     display: none;
   }
 }
+
+.favorites-link {
+  text-decoration: none;
+}
+
+.favorites-link:hover {
+  text-decoration: underline;
+}
 </style>