fix: use separate logger for ui/sw

[SgtPooki]

• chore: use prefixLogger
• chore: use new logger in sw.ts
• fix: use separate logger for ui/sw

Title

fix: use separate logger for ui/sw

Description

Fixes #139

All logs now:

1. include the host.
   • For UI: useful for redirect and config page where things are logged from iframe
   • For SW: useful for debugging different messages from service worker loaded on page in iframe vs main page.
2. have a global prefix: helia:service-worker-gateway:
3. have a distinct prefix.
   • For UI: helia:service-worker-gateway:ui
   • For SW: helia:service-worker-gateway:sw
4. are injected into components that need them

Notes & open questions

On redirect page

filtering console logs by helia:service-worker-gateway:sw

filtering console logs by helia:service-worker-gateway:ui

Change checklist

• I have performed a self-review of my own code
• I have made corresponding changes to the documentation if necessary (this includes comments as well)
• I have added tests that prove my fix is effective or that my feature works

[SgtPooki]

self review. updates incoming.

[2color]

Suggested change

	const swLogPrefix = `helia:service-worker-gateway:sw:${host}`
	const swLogPrefix = `helia:sw-gateway:sw:${host}`

Any thoughts on making the logs a little shorter since we use sw as an acception abbreviation elsewhere too?

[SgtPooki]

Yeaaa i thought about that. Theyre pretty long, so if you think shorter is fine im absolutely a fan.

I think uniqueness is the most important here, instead of verbosity. If someone is looking at these logs, theyre likely aware its a "service-worker-gateway"

[SgtPooki]

Is "helia:gateway:sw" & "helia:gateway:ui" too obtuse?

[2color]

Really nice!