Family board: per-person chore columns, touch scrolling in every box, no list caps

- Chores box spans the width with a column per person (fits five or more)
- Each box and each person's chore column scrolls by touch on its own, with no scroll bars
- Shopping, tasks and shared notes show everything (they scroll)
- Card width no longer capped by the app's shared card style

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

recipes.js

@@ -154,5 +154,5 @@ async function handle(req, res) {
 /** Recipes in Mealie that match the words (none when Mealie is not set up or does not answer). */
 async function search(q) { if (!enabled()) return []; try { const j = await mealie(`/api/recipes?page=1&perPage=6&orderBy=name&orderDirection=asc&search=${encodeURIComponent(q)}`, { timeout: 6000 }); return (j.items || []).map(card); } catch { return []; } }
 /** The open items on the shopping list, for the family board ([] when Mealie is not set up or does not answer). */
-async function shoppingOpen() { if (!enabled()) return []; try { return (await readList()).items.filter(i => !i.checked).slice(0, 12).map(i => ({ id: i.id, text: i.text, by: i.by })); } catch { return []; } }
+async function shoppingOpen() { if (!enabled()) return []; try { return (await readList()).items.filter(i => !i.checked).slice(0, 60).map(i => ({ id: i.id, text: i.text, by: i.by })); } catch { return []; } }
 module.exports = { shoppingOpen, handle, enabled, minutes, full, ingredientText, search };