feat(packages/sui-react-web-vitals): adding device perf params to logger.cwv tracks

[ivanmlaborda]

trafficstars

Adding device perf params to logger.cwv tracks

Description

To distinguish interactions based on connection quality, and device performance in OpenSearch CWV logs we need to add these parameters to the logged data.

effectiveConnection, deviceMemory, hardwareConcurrency

example data sent to Mushroom

This data can be calculated and setted in suiContextFactory in our webapps

const hardwareConcurrency = isClient && navigator.hardwareConcurrency
const effectiveConnection = isClient && navigator.connection?.effectiveType
const deviceMemory = isClient && navigator.deviceMemory

must be added to browser property in the Context

{
  ...
  browser: {
    ...
    effectiveConnection,
    deviceMemory,
    hardwareConcurrency
  }
}

[nucliweb]

With this #1724 you don't need change the web app.