Use gray and italicized text for system frames

[17hogeju]

Closes #50691 and #50693

Distinguishes "In App" and "System" frames using gray/italicized text with no pill for "System".

Non-Native stacktrace changes

[17hogeju]

One thing I noticed is that when italics are used for Native Stacktrace, the location text gets cut off a little

[malwilley]

One thing I noticed is that when italics are used for Native Stacktrace, the location text gets cut off a little

@17hogeju ah good catch. We do want to fix that before merging. This is happending because the containing element has overflow: hidden (which we use to prevent overflow and apply the ellipsis for long lib names) and it a bit too small. You'll want to find a solution where the containing element takes up the full space, or maybe even some padding might help. LMK if you need help finding the right solution.

[malwilley]

Need to put this behind a feature flag, requesting changes so we don't accidentally merge

[github-actions]

🚨 Warning: This pull request contains Frontend and Backend changes!

It's discouraged to make changes to Sentry's Frontend and Backend in a single pull request. The Frontend and Backend are not atomically deployed. If the changes are interdependent of each other, they must be separated into two pull requests and be made forward or backwards compatible, such that the Backend or Frontend can be safely deployed independently.

Have questions? Please ask in the #discuss-dev-infra channel.

[codecov]

Codecov Report

Merging #51758 (2689d14) into master (6affbee) will increase coverage by 0.00%.
The diff coverage is 100.00%.

❗ Current head 2689d14 differs from pull request most recent head 9097ddd. Consider uploading reports for the commit 9097ddd to get more accurate results

Additional details and impacted files

@@           Coverage Diff           @@
##           master   #51758   +/-   ##
=======================================
  Coverage   79.45%   79.45%           
=======================================
  Files        4936     4936           
  Lines      207367   207379   +12     
  Branches    35426    35426           
=======================================
+ Hits       164756   164773   +17     
+ Misses      37572    37568    -4     
+ Partials     5039     5038    -1     

Impacted Files	Coverage Δ
src/sentry/conf/server.py	91.74% <ø> (ø)
src/sentry/features/__init__.py	100.00% <ø> (ø)
...pp/components/events/eventReplay/replayPreview.tsx	95.83% <ø> (ø)
...c/app/components/events/interfaces/nativeFrame.tsx	55.88% <ø> (ø)
static/app/utils/replays/replayReader.tsx	75.00% <ø> (ø)
...app/views/performance/transactionSummary/utils.tsx	81.08% <ø> (ø)
static/app/views/replays/replayTable/tableCell.tsx	88.88% <ø> (ø)
src/sentry/api/endpoints/project_team_details.py	100.00% <100.00%> (ø)
src/sentry/apidocs/examples/project_examples.py	100.00% <100.00%> (ø)

... and 5 files with indirect coverage changes

[17hogeju]

Need to put this behind a feature flag, requesting changes so we don't accidentally merge

Done!

[malwilley]

Great work!