feat: export + detail receptů

feat: losování jídel

client/src/components/RecipeNote.tsx

@@ -0,0 +1,20 @@
+import Markdown from "react-markdown";
+import { remarkLineBreaks } from "../markdownBreaks";
+
+type Props = {
+    note: string,
+};
+
+const REMARK_PLUGINS = [remarkLineBreaks];
+
+/**
+ * Postup receptu zapsaný v Markdownu. Syrové HTML react-markdown nevykreslí,
+ * takže postup nic nepodstrčí. Jednoduché zalomení řádku zůstává zalomením.
+ */
+const RecipeNote = ({ note }: Readonly<Props>) => (
+    <div className="recipe-note">
+        <Markdown remarkPlugins={REMARK_PLUGINS}>{note}</Markdown>
+    </div>
+);
+
+export default RecipeNote;