### Steps to reproduce

1. Begin of the deletion Use a mobile screen size
2. End of the deletion Go to the WP module of a project
Begin of the insertion2.End of the insertion Begin of the deletion 3.End of the deletion Begin of the insertionDouble-ClickEnd of the insertion Begin of the deletion (The WPs should be shown as cards, which is correct)
4. ClickEnd of the deletion on one WP to see the details

### What is the buggy behavior?

* Begin of the insertionIt seems as if there are some styles not correctly appliedEnd of the insertion Begin of the deletion The WP is opened, but the right side panel completely blocks the actual contentEnd of the deletion
* If you manually refresh, it looks like expected Begin of the insertion
* Examples:
* On desktop size, the two panels are not scrollable indenpendently. So if the activity is very long, there is a  lot of white space on the left side
* On mobile, the right side panel completely blocks the actual contentEnd of the insertion

### <img class="op-uc-image op-uc-image_inline" Begin of the insertionstyle="width:276px;"End of the insertion Begin of the deletion style="width:417px;"End of the deletion src="/api/v3/attachments/88486/content">

### What is the expected behavior?

* The Begin of the insertionstyles should be loaded correctly when switching between the angular states and not only with a hard refresh
* On desktop: the two panels should be scrollable individually
* On mobile: TheEnd of the insertion right side should be moved below the content so that I can see the important attributes directly

<img class="op-uc-image op-uc-image_inline" style="width:513px;" src="/api/v3/attachments/88487/content">

### Environment information

**OpenProject version**

_13.2_

**Browser**

* [x] Chrome
* Begin of the insertion[x]End of the insertion Begin of the deletion [ ]End of the deletion Firefox
* [ ] Safari
* [ ] Mobile Safari
* [x] Samsung Internet

**Language**

_German, English_