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
@myabc, you (accidentally?) removed the media query specifying different width for different resolutions. Now the detail pane is rather narrow on my screen.