Refactor work package index styling (flexible box based solution)

This PR has a broad scope and also includes:
* some refactoring of legacy styles (`main.css`)
* commit from #1605

https://www.openproject.org/work_packages/14811
https://www.openproject.org/work_packages/13498
https://www.openproject.org/work_packages/13597

as collateral:
https://www.openproject.org/work_packages/11935
@ulferts thanks. I realised last night that `flex-basis: 100%` was causing the details pane width to be ignored. I'll give this a try.