Обязательно ли делать обертку над всей страницей?
Ну это дизайнерские косяки))
Как бы по хорошему это делал я:
1. адаптив (но это отдельная тема)
2. для десктопа минимальная ширина в которую влезает конент, Уже - либо адаптив, либо горизонтальный скролл
3. хэдер на всю ширину
4. сайдбар прибит к левому краю
5. контент (сам дэшборд) растягивается на всю оставшуюся ширину
6. ну а вот содержимое контента уже надо смотреть... в терминологии флексбоксов: или flex-flow: row wrap, или width:25%, или justify-content: space between.

UPD: Назло ленивому дизайнеру можно сделать экран фиксированной ширины и отцентровать его на сером фоне (того же цвета что и бэкграунд в Фигме).
вот пример резины
https://adminlte.io/themes/AdminLTE/index2.html

если не хотите резину, ограничиваете ширину контента, а фон тянется на весь экран
img