fix: 2148 infinite scroll on search (#2173)

* refactor recipe card section to use unified query construct

* rework search page so it uses lazy-loading of RecipeCardSection

* remove RecipeQuery again

* prettier reformatting

* remove recipes/all page

* remove max results setting from search

* fix typing issues

frontend/pages/recipes/all.vue

@@ -1,32 +0,0 @@
-<template>
-  <v-container>
-    <RecipeCardSection
-      :icon="$globals.icons.primary"
-      :title="$t('page.all-recipes')"
-      :recipes="recipes"
-      @sortRecipes="assignSorted"
-      @replaceRecipes="replaceRecipes"
-      @appendRecipes="appendRecipes"
-      @delete="removeRecipe"
-    ></RecipeCardSection>
-  </v-container>
-</template>
-
-<script lang="ts">
-import { defineComponent } from "@nuxtjs/composition-api";
-import RecipeCardSection from "~/components/Domain/Recipe/RecipeCardSection.vue";
-import { useLazyRecipes } from "~/composables/recipes";
-
-export default defineComponent({
-  components: { RecipeCardSection },
-  setup() {
-    const { recipes, appendRecipes, assignSorted, removeRecipe, replaceRecipes } = useLazyRecipes();
-    return { appendRecipes, assignSorted, recipes, removeRecipe, replaceRecipes };
-  },
-  head() {
-    return {
-      title: this.$t("page.all-recipes") as string,
-    };
-  },
-});
-</script>

frontend/pages/recipes/categories/_slug.vue

@@ -5,7 +5,7 @@
       :icon="$globals.icons.tags"
       :title="category.name"
       :recipes="recipes"
-      :category-slug="category.slug"
+      :query="{ categories: [category.slug] }"
       @sortRecipes="assignSorted"
       @replaceRecipes="replaceRecipes"
       @appendRecipes="appendRecipes"

frontend/pages/recipes/tags/_slug.vue

@@ -5,7 +5,7 @@
       :icon="$globals.icons.tags"
       :title="tag.name"
       :recipes="recipes"
-      :tag-slug="tag.slug"
+      :query="{ tags: [tag.slug] }"
       @sortRecipes="assignSorted"
       @replaceRecipes="replaceRecipes"
       @appendRecipes="appendRecipes"

frontend/pages/recipes/tools/_slug.vue

@@ -5,7 +5,7 @@
       :icon="$globals.icons.potSteam"
       :title="tool.name"
       :recipes="recipes"
-      :tool-slug="tool.slug"
+      :query="{ tools: [tool.slug] }"
       @sortRecipes="assignSorted"
       @replaceRecipes="replaceRecipes"
       @appendRecipes="appendRecipes"