use grid display for app container

[standeren]

Description

Removes empty space under overview page

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 93.70%. Comparing base (ff116f2) to head (6de4ab7).
Report is 11 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main   #13363   +/-   ##
=======================================
  Coverage   93.70%   93.70%           
=======================================
  Files        1436     1436           
  Lines       19919    19919           
  Branches     2418     2418           
=======================================
  Hits        18665    18665           
  Misses       1006     1006           
  Partials      248      248           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[mlqn]

Nice! 🤩 I just noticed one thing, the page is no longer responsive since we started using grid in the Overview.module.css and App.module.css; all blocks stay in their original position:

BEFORE (with flex)	AFTER (with grid)
overview-before.webm	overview-after.webm

[standeren]

Nice! 🤩 I just noticed one thing, the page is no longer responsive since we started using grid in the Overview.module.css and App.module.css; all blocks stay in their original position:

BEFORE (with flex) AFTER (with grid)
overview-before.webm
overview-after.webm

Ah nice, I see! Fixing it now. But I cannot avoid getting a scrollbar at the bottom, due to the header not allowing to be that narrow 🫣

[mlqn]

Nice work! 💯