Add diagrams included in DPII

[mva919]

What type of PR is this? (Check all that apply)

• [ ] ✨feature: Introduces completely new code or new features.
• [ ] 🐛fix: Implements changes that fix a bug. Ideally, reference an issue if present.
• [ ] ♻️refactor: Includes any code-related change that is neither a fix nor a feature.
• [ ] ✅build: Encompasses all changes related to the build of the software, including changes to dependencies or the addition of new ones.
• [ ] ⚡️test: Pertains to all changes regarding tests, whether adding new tests or modifying existing ones.
• [ ] 🚰ci: Involves all changes related to the configuration of continuous integration, such as GitHub Actions or other CI systems.
• [x] 📚docs: Includes all changes to documentation, such as README files, or any other documentation present in the repository.
• [ ] 🗑️chore: Captures all changes to the repository that do not fit into the above categories.

Description

What did you change? How did you change it? Add diagrams.

Tests

How was this tested?

• [ ] Unit tests
• [ ] Integration tests
• [ ] E2E tests
• [ ] Manual tests
• [x] Tests were NOT needed
• [ ] Other (explain below)

[Optional] Screenshots

Documentation

• [ ] Added to README.me
• [ ] Seperate document
• [x] NO documentation needed

Link to external documentation:

[Optional] Are there any post-deployment tasks we need to perform?

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 60.00%. Comparing base (0b4294a) to head (098e076).

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #176 +/- ## ======================================= Coverage 60.00% 60.00% ======================================= Files 10 10 Lines 100 100 Branches 33 33 ======================================= Hits 60 60 Misses 40 40 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.