Revamping Resource Module

[AbhiPrasad]

We've decided to split the resource module up by type. To accommodate this, we need to make a few changes to the UI + ingestion.

Internal

### Foundation
- [x] Split up module by resource type - JS/CSS/Images/etc.
- [x] Introduce dropdown for `blocking`

### Ingestion
- [x] Filter out spans that have `chrome-extension://`, `ms-browser-extension://`, `moz-extension://` in name
- [x] JS grouping with 3rd party scripts and see how it is
- [ ] https://github.com/getsentry/sentry-javascript/issues/9338

### JS/CSS
- [x] Add size column to resource summary table
- [x] Hover and see example span description
- [x] Explore showing samples by size
- [x] Add size column to span sample pullout

### JS

### CSS
- [x] Figure out what to do with fonts

After GA

### Images (`resource.img` / `resource.images`)
- [x] Instead of resource table, we directly show span sample table
- [ ] For metrics, we group by domain. If that doesn't work, we put all images into one group (big bucket). All we care about is looking at outlier samples.

### GA+
- [ ] Cache rate of resources (look at `http.response_transfer_size` vs. `http.decoded_response_content_length`)
- [ ] Network timing information

Misc Improvements

https://www.notion.so/sentry/Resource-Module-misc-improvements-7c9bd473325147669695c47df17ce84d

[AbhiPrasad]

We have to account for https://en.wikipedia.org/wiki/JSONP as well for js files.

[DominikB2014]

@AbhiPrasad We should probably add here the SDK changes to set op based on file extension as well? (I believe that's what we decided to do?)

[AbhiPrasad]

Added getsentry/sentry-javascript#9338