### Steps to reproduce

1. Login as a user with permissions to delete WPs

2. Go to the Wps page

3. Select a some of the Wps to be deleted

4. bulk delete them


### What is the buggy behavior?

* Wps list is misaligned


### What is the expected behavior?

* We should use the Primer DangerWarning component, with the list of work packages in an Begin of the insertion[insetBox](https://qa.openproject-edge.com/lookbook/pages/components/inset_box).End of the insertion Begin of the deletion insetBox.End of the deletion

* Begin of the deletion \[open\]End of the deletion Use Begin of the insertionthe same pattern as for bulk delete projects, except with a DangerWarning (no checkbox confirmation): <mention class="mention" data-id="64885" data-type="work_package" data-text="##64885">##64885</mention>

* DangerWarning Dialog:

* Title: &quot;Permanently delete theseEnd of the insertion work Begin of the insertionpackages?&quot;

* Text: &quot;Are you sure you wantEnd of the insertion Begin of the deletion package info lineEnd of the deletion to Begin of the insertiondeleteEnd of the insertion Begin of the deletion displayEnd of the deletion the Begin of the insertionfollowing work packages?&quot;

* Body: ListEnd of the insertion Begin of the deletion listEnd of the deletion of work Begin of the insertionpackages in an [insetBox](https://qa.openproject-edge.com/lookbook/pages/components/inset_box); use [Work Package Info Line](https://qa.openproject-edge.com/lookbook/pages/components/work_package_info_line) for listing work packages, but without the status

* Buttons:

* Cancel

* Delete permanently (danger)


End of the insertion Begin of the deletion packages?


End of the deletion ### Screenshots and other files

Begin of the insertion**Current:**

End of the insertion <img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/713629/content">

Begin of the insertion**Expected:**

<img class="image_resized op-uc-image op-uc-image_inline" style="width:667px;" src="/api/v3/attachments/781427/content">End of the insertion Begin of the deletion <br>End of the deletion