[Cloudflare] New dashboards using Lens, and bumping format version

[P1llus]

What does this PR do?

This PR remakes the existing dashboards into using Lens, and updates its styling and layout to match other new dashboards.
I also updated the format_version, and added pipeline errors.
Updated some extra fields from the test data to have better coverage.
Fixed some small bugs and added some small additions to the pipeline to fit the dashboards.

Checklist

• I have reviewed tips for building integrations and this pull request is aligned with them.
• I have verified that all data streams collect metrics or logs.
• I have added an entry to my package's changelog.yml file.
• I have verified that Kibana version constraints are current according to guidelines.

Related issues

• Relates #https://github.com/elastic/security-team/issues/5910

Screenshots

Overview:

Clients:

Content:

Reliability

Performance:

Security overview:

Ratelimit:

WAF:

[elasticmachine]

Pinging @elastic/security-external-integrations (Team:Security-External Integrations)

[elasticmachine]

💚 Build Succeeded

the below badges are clickable and redirect to their specific view in the CI or DOCS

Expand to view the summary

Build stats

• Start Time: 2023-06-01T13:52:12.682+0000

• Duration: 19 min 16 sec

Test stats 🧪

Test	Results
Failed	0
Passed	19
Skipped	0
Total	19

🤖 GitHub comments

Expand to view the GitHub comments

To re-run your PR in the CI, just comment with:

• /test : Re-trigger the build.

[elasticmachine]

🌐 Coverage report

Name	Metrics % (covered/total)	Diff
Packages	100.0% (2/2)	💚
Files	100.0% (3/3)	💚
Classes	100.0% (3/3)	💚
Methods	100.0% (38/38)	💚
Lines	94.73% (701/740)	❕
Conditionals	100.0% (0/0)	💚

[efd6]

Minor suggestions/queries.

1. In the overview because of the alignment of the counters with the pie charts, it looks like they are associated pairwise (counter with pie chart). This is not true, so is there some way to visually break that association.
2. In ratelimit, the top left pie chart can be narrower, giving up space to the table.

Out-of-scope-concern: I'm still troubled by how lens counters reduce data impact by avoiding the central space.

[P1llus]

Minor suggestions/queries.

1. In the overview because of the alignment of the counters with the pie charts, it looks like they are associated pairwise (counter with pie chart). This is not true, so is there some way to visually break that association.
2. In ratelimit, the top left pie chart can be narrower, giving up space to the table.

Out-of-scope-concern: I'm still troubled by how lens counters reduce data impact by avoiding the central space.

Added in your changes, though I did not want to re-add my custom input config again just for some test data, I can show that the sizes and placements has changed:

Overview, grouped them side by-side instead, which still makes sense.

Rate Limit just made it less wide, but a little bit higher to compensate:

[ShourieG]

LGTM

[kcreddy]

Just some nitpicks. LGTM 📈

[kcreddy]

Just some nitpicks. LGTM 📈

[P1llus]

Added the nitpicks as well, though one referenced lines from the old state of the viz, so the actual change happened elsewhere. Will merge soon if nothing else comes up.

[elasticmachine]

Package cloudflare - 2.8.0 containing this change is available at https://epr.elastic.co/search?package=cloudflare