chore: update trace-web example and rename it to opentelemetry-web

[pichlermarc]

Which problem is this PR solving?

Previously, some of the examples in trace-web were not working, and the metrics packages were outdated, and some buttons were not triggering the creation of a trace.

This PR:

• renames the trace-web example to opentelemetry-web, since the examples also include metrics.
• updates the metrics packages to 0.31.0
• updates the instrumentation packages to 0.31.0
• fixes button handlers for the fetchXhr and fetchXhrB3 examples.
• fixes eslint Parsing error: 'import' and 'export' may appear only with 'sourceType: module' by replacing import with require
• adds docker collector setup with zipkin and prometheus, as well as an npm script to run it.

Type of change

• Bug fix (non-breaking change which fixes an issue)

How Has This Been Tested?

Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration

• Manual testing

Checklist:

• Followed the style guidelines of this project
• Unit tests have been added
• Documentation has been updated

[codecov]

Codecov Report

Merging #3145 (9521683) into main (dc2d093) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##             main    #3145   +/-   ##
=======================================
  Coverage   93.21%   93.21%           
=======================================
  Files         196      196           
  Lines        6414     6414           
  Branches     1350     1350           
=======================================
  Hits         5979     5979           
  Misses        435      435           

[vmarchaud]

lgtm apart from nits