record network request bodies and headers in trace (highlight#8551)

## Summary

* records additional attributes (http request / response headers and
body) as part of frontend traces
* records more attributes in the browser performance capture to record
detailed request timing
* updates opentelemetry go sdks to latest versions and uses latest
opentelemetry semantic convention

## How did you test this change?

![Screenshot from 2024-05-14
10-36-30](https://github.com/highlight/highlight/assets/1351531/4d3115d1-5668-4dfa-8bd6-1f31900dc736)


![Screenshot from 2024-05-13
15-40-29](https://github.com/highlight/highlight/assets/1351531/c95f814b-778c-4d35-9b81-b41f62bafa02)


![Screenshot from 2024-05-13
14-56-03](https://github.com/highlight/highlight/assets/1351531/c4e28b6c-d5a3-4668-b7c2-9cebc9a1361b)


## Are there any deployment considerations?

no

## Does this work require review from our design team?

no

.changeset/flat-phones-think.md

@@ -0,0 +1,5 @@
+---
+'highlight.run': patch
+---
+
+improve dev reliability of browser fetch patch

.changeset/smart-birds-change.md

@@ -0,0 +1,5 @@
+---
+'highlight.run': patch
+---
+
+record more attributes as part of captured frontend network requests

backend/http/logging.go

@@ -14,7 +14,7 @@ import (
 	"github.com/go-chi/chi"
 	"github.com/google/uuid"
 	log "github.com/sirupsen/logrus"
-	semconv "go.opentelemetry.io/otel/semconv/v1.17.0"
+	semconv "go.opentelemetry.io/otel/semconv/v1.25.0"
 	"go.opentelemetry.io/otel/trace"
 
 	model2 "github.com/highlight-run/highlight/backend/model"

backend/main.go

@@ -18,7 +18,7 @@ import (
 	"github.com/aws/aws-sdk-go-v2/config"
 	"github.com/aws/aws-sdk-go-v2/service/marketplacemetering"
 	"go.opentelemetry.io/otel/attribute"
-	semconv "go.opentelemetry.io/otel/semconv/v1.17.0"
+	semconv "go.opentelemetry.io/otel/semconv/v1.25.0"
 	"go.opentelemetry.io/otel/trace"
 
 	ghandler "github.com/99designs/gqlgen/graphql/handler"

backend/otel/extract.go

@@ -18,7 +18,7 @@ import (
 	"go.opentelemetry.io/collector/pdata/pcommon"
 	"go.opentelemetry.io/collector/pdata/plog"
 	"go.opentelemetry.io/collector/pdata/ptrace"
-	semconv "go.opentelemetry.io/otel/semconv/v1.17.0"
+	semconv "go.opentelemetry.io/otel/semconv/v1.25.0"
 )
 
 var ExternalHighlightData = e.New("dropping otel data from external highlight instance")

backend/otel/extract_test.go

@@ -10,7 +10,7 @@ import (
 	"github.com/stretchr/testify/assert"
 	"go.opentelemetry.io/collector/pdata/pcommon"
 	"go.opentelemetry.io/collector/pdata/ptrace"
-	semconv "go.opentelemetry.io/otel/semconv/v1.17.0"
+	semconv "go.opentelemetry.io/otel/semconv/v1.25.0"
 )
 
 var ctx = context.Background()

backend/otel/otel.go

@@ -16,7 +16,7 @@ import (
 	"go.opentelemetry.io/collector/pdata/plog/plogotlp"
 	"go.opentelemetry.io/collector/pdata/pmetric/pmetricotlp"
 	"go.opentelemetry.io/collector/pdata/ptrace/ptraceotlp"
-	semconv "go.opentelemetry.io/otel/semconv/v1.17.0"
+	semconv "go.opentelemetry.io/otel/semconv/v1.25.0"
 
 	"github.com/go-chi/chi"
 	"github.com/highlight-run/highlight/backend/clickhouse"

backend/phonehome/phonehome.go

@@ -10,7 +10,7 @@ import (
 	"github.com/shirou/gopsutil/mem"
 	log "github.com/sirupsen/logrus"
 	"go.opentelemetry.io/otel/attribute"
-	semconv "go.opentelemetry.io/otel/semconv/v1.17.0"
+	semconv "go.opentelemetry.io/otel/semconv/v1.25.0"
 	"go.opentelemetry.io/otel/trace"
 
 	"github.com/highlight-run/highlight/backend/model"

backend/private-graph/graph/schema.graphqls

@@ -1237,6 +1237,9 @@ enum NetworkRequestAttribute {
 	response_size
 	status
 	latency
+	connect_latency
+	dns_latency
+	redirect_latency
 	request_id
 	graphql_operation
 }

backend/private-graph/graph/schema.resolvers.go

@@ -60,7 +60,7 @@ import (
 	log "github.com/sirupsen/logrus"
 	stripe "github.com/stripe/stripe-go/v78"
 	"go.opentelemetry.io/otel/attribute"
-	semconv "go.opentelemetry.io/otel/semconv/v1.17.0"
+	semconv "go.opentelemetry.io/otel/semconv/v1.25.0"
 	"golang.org/x/sync/errgroup"
 	"gorm.io/gorm"
 	"gorm.io/gorm/clause"