Use separate logger in sw and frontend

[2color]

Background

When debugging, it's really useful to be able to tell whether the logs are coming from the service worker or the frontend.

This is a little tricky given that some of the modules in this repo are shared by both the frontend and the service worker.

Possible approach

• Use the defaultLogger and call forComponent based on where it's used https://github.com/libp2p/js-libp2p/blob/main/packages/logger/src/index.ts#L171
• For modules that use the logger and are shared by both the SW and FE, we use dep injection to make sure they use a different logger (so as to make it easier to discern where the logs are coming from)