chore: frontend testing setup (#1739)

* add vitest

* initialize lib w/ tests

* move to dev dep

* run tests in CI

* update file names

* move api folder to lib

* move api and api types to same folder

* update generator outpath

* rm husky

* i guess i _did_ need those types

* reorg types

* extract validators into testable components

* (WIP) start composable testing

* fix import type

* fix linter complaint

* simplify icon type def

* fix linter errors (maybe?)

* rename client file for sorting

frontend/lib/api/user/recipe-foods.ts

@@ -0,0 +1,20 @@
+import { BaseCRUDAPI } from "../base/base-clients";
+import { CreateIngredientFood, IngredientFood } from "~/lib/api/types/recipe";
+
+const prefix = "/api";
+
+const routes = {
+  food: `${prefix}/foods`,
+  foodsFood: (tag: string) => `${prefix}/foods/${tag}`,
+  merge: `${prefix}/foods/merge`,
+};
+
+export class FoodAPI extends BaseCRUDAPI<CreateIngredientFood, IngredientFood> {
+  baseRoute: string = routes.food;
+  itemRoute = routes.foodsFood;
+
+  merge(fromId: string, toId: string) {
+    // @ts-ignore TODO: fix this
+    return this.requests.put<IngredientFood>(routes.merge, { fromFood: fromId, toFood: toId });
+  }
+}