Just making the mobile experience a bit better by removing notch design
to make better use of constrained space.


![image](https://github.com/user-attachments/assets/40339401-7b2b-41c5-9a72-7cf3ce3746d7)

This PR fixes a small bug with the dragging logic established in #78716

Namely, I didn't take into account the scrollbar width when calculating
`translate` for each corner. So if the page was scrollable the drag end
would be a bit janky:



https://github.com/user-attachments/assets/17e227e9-7af1-4ab8-91b2-b7cc4d363793

After this PR, the snapping is much smoother with no jank:



https://github.com/user-attachments/assets/06021fae-da61-46b3-b224-11f319835fa3

This reduces a small bit of duplication between our two transforms (`toPath` and `fromPath`) and fixes a small bug in `postcss` where we didn't register the environment variables it read as dependencies which could cause persistence issues.

Finally, batch `log` messages sent by webpack transforms, the turbopack side doesn't read them until the end anyway and we can reduce overhead a touch by sending them in a single batch.

### What?

Add support for tracing and add a few trace spans

As discussed this adds a flag to allow setting deployment ID via a
cookie instead of in query string on asset requests which allows for
better caching with the trade-off of users potentially staying on older
deployments longer until the ID is no longer accepted or the session
cookie is cleared.

### What?

fix a debug assertion in the test suite due to a wrong task data
category

### What?

Mark function components declared as a variable interesting

### Why?

Because those are also React Components

### How?

 - Closes SWC-646
-  Closes #78867

…78712)