[FW][IMP] essentials: iap graphics update and rewrite

[fw-bot]

Take the rewrite that was pushed in #7427 and cherry-picking to Odoo 15/16 documentation.

Task:
https://www.odoo.com/web?debug=1#id=2753507&cids=3&menu_id=4720&action=333&active_id=3835&model=project.task&view_type=form

Forward-Port-Of: #8812

[robodoo]

Pull request status dashboard.

[fw-bot]

@tiku-odoo cherrypicking of pull request #8812 failed.

stdout:

Auto-merging content/applications/essentials/in_app_purchase.rst
CONFLICT (content): Merge conflict in content/applications/essentials/in_app_purchase.rst

stderr:

21:51:12.370494 git.c:463               trace: built-in: git cherry-pick bcb1c6f93984d2ea5f0879f2588758c699f7a430
error: could not apply bcb1c6f93... [IMP] essentials: iap rewrite
hint: After resolving the conflicts, mark them with
hint: "git add/rm <pathspec>", then run
hint: "git cherry-pick --continue".
hint: You can instead skip this commit with "git cherry-pick --skip".
hint: To abort and get back to the state before "git cherry-pick",
hint: run "git cherry-pick --abort".
----------
status:

Either perform the forward-port manually (and push to this branch, proceeding as usual) or close this PR (maybe?).

In the former case, you may want to edit this PR message as well.

⚠️ after resolving this conflict, you will need to merge it via @robodoo.

More info at https://github.com/odoo/odoo/wiki/Mergebot#forward-port

[tiku-odoo]

@robodoo r+