refactor(screenshots.yml): replace custom arrow creation with pre-made images

[robinmordasiewicz]

The custom arrow creation and manipulation steps in the screenshots.yml workflow were removed and replaced with pre-made arrow images. This change simplifies the workflow and reduces the processing time. The pre-made images are stored in the docs/img/overlays directory and are used in the overlay-arrow step. This change also makes the workflow easier to understand and maintain.

[github-actions]

🦙 MegaLinter status: ❌ ERROR

Descriptor	Linter	Files	Fixed	Errors	Elapsed time
✅ ACTION	actionlint	1		0	0.01s
❌ COPYPASTE	jscpd	yes		3	1.49s
✅ REPOSITORY	checkov	yes		no	14.78s
✅ REPOSITORY	devskim	yes		no	2.2s
✅ REPOSITORY	dustilock	yes		no	0.41s
✅ REPOSITORY	gitleaks	yes		no	8.59s
✅ REPOSITORY	git_diff	yes		no	0.06s
✅ REPOSITORY	grype	yes		no	16.11s
✅ REPOSITORY	kics	yes		no	58.54s
✅ REPOSITORY	secretlint	yes		no	1.13s
✅ REPOSITORY	syft	yes		no	0.55s
✅ REPOSITORY	trivy	yes		no	6.77s
✅ REPOSITORY	trivy-sbom	yes		no	2.45s
✅ REPOSITORY	trufflehog	yes		no	5.03s
✅ YAML	prettier	1	0	0	0.47s
✅ YAML	v8r	1		0	2.09s
✅ YAML	yamllint	1		0	0.64s

See detailed report in MegaLinter reports
Set VALIDATE_ALL_CODEBASE: true in mega-linter.yml to validate all sources, not only the diff

MegaLinter is graciously provided by