Do not show tab headers marked as hidden

Tab headers that should not be shown are marked with the "hidden" CSS
class. The CSS rules set "display: none" for ".hidden" elements, but as
the rules for ".tabHeaders .tabHeader" are more specific than rules for
".hidden" the "display" property is overriden and ends being "flex".
Therefore, it is necessary to explicitly set a rule for ".tabHeaders
.tabHeader.hidden" elements.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>

core/css/apps.scss

@@ -805,6 +805,10 @@ $min-content-width: $breakpoint-mobile - $navigation-width - $list-min-width;
 		margin-bottom: 1px;
 		padding: 5px;
 
+		&.hidden {
+			display: none;
+		}
+
 		/* Use same amount as sidebar padding */
 		&:first-child {
 			padding-left: 15px;