docs: add figma workflow diagrams for each user flow (#1655)

* Update workflow-diagrams.md

Added user flow diagrams for mapping, validation, project creation and organisation and super admin workflow.

* [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci

* Update workflow-diagrams.md


Fixes: markdown linting issue,
figma links are made public.

* [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci

* Update workflow-diagrams.md

updated figma link to embeded code

* docs: add figma workflow diagrams to iframes

---------

Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Co-authored-by: spwoodcock <[email protected]>

docs/manuals/workflow-diagrams.md

@@ -1,11 +1,81 @@
 # Workflow Diagrams
 
+The super admin workflow covers the flow of FMTM from beginning to
+end covering almost all functionalities.
+
+[Link](https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2Fql3I4DigHvFFbIGZUpEdjv%2FUser-flow-diagram%3Fnode-id%3D1-314%26t%3DvbkyN4gQXVOAnqgF-1)
+
+<iframe
+    style="border: none;"
+    width="800"
+    height="450"
+    src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2Fql3I4DigHvFFbIGZUpEdjv%2FUser-flow-diagram%3Fnode-id%3D1-314%26t%3DvbkyN4gQXVOAnqgF-1"
+    allowfullscreen
+></iframe>
+
 ## Mapping
 
+The field mapper can follow the steps below to carry on
+field mapping activities.
+
+[Link](https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2Fql3I4DigHvFFbIGZUpEdjv%2FUser-flow-diagram%3Fnode-id%3D1-135%26t%3DvbkyN4gQXVOAnqgF-1)
+
+<iframe
+    style="border: none;"
+    width="800"
+    height="450"
+    src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2Fql3I4DigHvFFbIGZUpEdjv%2FUser-flow-diagram%3Fnode-id%3D1-135%26t%3DvbkyN4gQXVOAnqgF-1"
+    allowfullscreen
+></iframe>
+
 ## Validating
 
+The validator workflow covers the validation activities
+performed for the attributes collected from
+field survey.
+
+[Link](https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2Fql3I4DigHvFFbIGZUpEdjv%2FUser-flow-diagram%3Fnode-id%3D1-266%26t%3DvbkyN4gQXVOAnqgF-1)
+
+<iframe
+    style="border: none;"
+    width="800"
+    height="450"
+    src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2Fql3I4DigHvFFbIGZUpEdjv%2FUser-flow-diagram%3Fnode-id%3D1-266%26t%3DvbkyN4gQXVOAnqgF-1"
+    allowfullscreen
+></iframe>
+
 ## Project Creation
 
+The project creation workflow consists of 5 steps. The
+Flow diagram for project creation is as below:
+
+[Link](https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2Fql3I4DigHvFFbIGZUpEdjv%2FUser-flow-diagram%3Fnode-id%3D0-1%26t%3DvbkyN4gQXVOAnqgF-1)
+
+<iframe
+    style="border: none;"
+    width="800"
+    height="450"
+    src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2Fql3I4DigHvFFbIGZUpEdjv%2FUser-flow-diagram%3Fnode-id%3D0-1%26t%3DvbkyN4gQXVOAnqgF-1"
+    allowfullscreen
+></iframe>
+
 ## Organization Management
 
+The organisation management covers all the steps from organisation
+creation to viewing organisation details.
+
+[Link](https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2Fql3I4DigHvFFbIGZUpEdjv%2FUser-flow-diagram%3Fnode-id%3D1-218%26t%3DvbkyN4gQXVOAnqgF-1)
+
+<iframe
+    style="border: none;"
+    width="800"
+    height="450"
+    src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2Fql3I4DigHvFFbIGZUpEdjv%2FUser-flow-diagram%3Fnode-id%3D1-218%26t%3DvbkyN4gQXVOAnqgF-1"
+    allowfullscreen
+></iframe>
+
 ## Project Management
+
+The project managers will be responsible for creating the project
+as well as overall monitoring of
+mapping and validation process.