Dashboard: Add accordion Layout for smaller screens

[Mutugiii]

Fixes #7068

Adding an accordion layout for smaller screens in the dashboard

[Mutugiii]

@lmmrssa Regarding the background color change issue for the accordion, it happens because there is a hover for the mat-expansion-panel-header selector that sets the background to inherit when the accordion is expanded.

I have tried using the code below to overwrite the class which works when a color is explicitly specified but it is unable to unset it to the previous colour when using revert/unset/initial

mat-expansion-panel-header:hover {
    background: revert;
]