Add synthetics to the new Wolfi image of Heartbeat

[rdner]

Describe the enhancement:
At the time of adding the new Wolfi-based Docker image for Heartbeat, it didn't appear possible to install synthetics on Wolfi due to the lack of support on the Playwright's end.

We need to install Playwright dependencies in order to make it work and it did not seem to be possible on Wolfi. Perhaps there is a workaround or manual way to do so.

beats/dev-tools/packaging/templates/docker/Dockerfile.tmpl

Line 164 in 813eaa8

$NODE_PATH/node/lib/node_modules/@elastic/synthetics/node_modules/.bin/playwright install-deps chromium && \

Additionally, the fonts we install for synthetics are not available in apk on Wolfi:

beats/dev-tools/packaging/templates/docker/Dockerfile.tmpl

Lines 166 to 167 in 813eaa8

	fonts-noto \
	fonts-noto-cjk && \

Describe a specific use case for the enhancement or feature:

Using Synthetics with Heartbeat.

Follow up to #40524

[elasticmachine]

Pinging @elastic/elastic-agent-data-plane (Team:Elastic-Agent-Data-Plane)

[mauri870]

Looks like noto-cjk was added to Wolfi back in February https://github.com/wolfi-dev/os/pull/12887/files. We could contribute the fonts-noto the same way.

Edit: Looking a bit more into this, the source code of the formal noto font is in https://github.com/notofonts/noto-fonts/tree/v20201206-phase3

[emilioalvap]

@rdner Please let us know if @elastic/obs-ds-hosted-services-synthrum can help on the migration.

[pierrehilbert]

Hey @emilioalvap,
FYI @rdner is in PTO.
We will indeed need your help here to solve the issue as this is not something we are familiar with.

[jlind23]

@emilioalvap @graphaelli were you able to make any progress on this? This would block Beats if not resolved in time.
cc @amitkanfer

[emilioalvap]

@pierrehilbert @jlind23 I'm working on a PR to install synthetics on wolfi based images.
@jlind23 if you don't mind me asking, in what sense does this block beats migration to wolfi? This restriction only affects heartbeat-wolfi images afaik.

[jlind23]

@emilioalvap this is the problem that prevents us from generating/building the Elastic Agent complete image.

[emilioalvap]

@jlind23 just to clarify, will you be replicating these changes on the elastic-agent-complete template or would you like me to create the PR for that?

[jlind23]

@emilioalvap it is ok for now, @rdner will take care of the elastic-agent-complete. Thanks for your help 🙏🏼