<div *ngIf="preferences$ | async as preferencesObj">
        <h1> {{ preferencesObj.name }}<h1>
</div>

<mat-accordion *ngIf="menu" color="success">
    <mat-expansion-panel *ngFor="let category of menu;">
        <mat-expansion-panel-header>
            <mat-panel-title>
                {{category.name}}
            </mat-panel-title>
        </mat-expansion-panel-header>
    </mat-expansion-panel>
</mat-accordion>