Refactor/composables-folder (#787)

* move api clients and rename

* organize recipes composables

* rewrite useRecipeContext

* refactor(frontend): ♻️ abstract common ingredient functionality.

* feat(frontend): ✨ add scale, and back to recipe button + hide ingredients if none

* update regex to mach 11. instead of just 1.

* minor UX improvements

Co-authored-by: Hayden K <hay-kot@pm.me>

frontend/composables/recipes/use-recipe-ingredients.ts

@@ -0,0 +1,28 @@
+import { useFraction } from "./use-fraction";
+import { RecipeIngredient } from "~/types/api-types/recipe";
+
+const { frac } = useFraction();
+
+export function parseIngredientText(ingredient: RecipeIngredient, disableAmount: boolean, scale: number = 1): string {
+  if (disableAmount) {
+    return ingredient.note;
+  }
+
+  const { quantity, food, unit, note } = ingredient;
+
+  let returnQty = "";
+  if (unit?.fraction) {
+    const fraction = frac(quantity * scale, 10, true);
+    if (fraction[0] !== undefined && fraction[0] > 0) {
+      returnQty += fraction[0];
+    }
+
+    if (fraction[1] > 0) {
+      returnQty += ` <sup>${fraction[1]}</sup>&frasl;<sub>${fraction[2]}</sub>`;
+    }
+  } else {
+    returnQty = (quantity * scale).toString();
+  }
+
+  return `${returnQty} ${unit?.name || " "}  ${food?.name || " "} ${note}`.replace(/ {2,}/g, " ");
+}