HTML IONIC 5

app.component.html

<ion-app>
    <ion-menu contentId="content">
        <ion-header>
            <ion-toolbar padding>
                <ion-title>Menu</ion-title>
            </ion-toolbar>
        </ion-header>

        <ion-content>
            <ion-list class="menu-left">
                <ion-item justify-content-center>
                    <ion-avatar>
                        <img [src]="gravatarUrl" alt="Foto do Usuário">
                    </ion-avatar>
                    <h2>{{user?.name}}</h2>
                    <p><strong>{{user?.email}}</strong></p>
                </ion-item>
                <ion-button menuClose ion-item icon-left *ngFor="let p of pages" [routerLink]="openPage(p)">
                    <p padding><ion-icon name="{{p.icon}}"></ion-icon> {{p.title | translate}}</p>
                </ion-button>
                <ion-button menuClose ion-item icon-left [routerLink]="logout">
                    <p padding><ion-icon name="log-out"></ion-icon> Sair</p>
                </ion-button>
            </ion-list>
        </ion-content>
    </ion-menu>
    <ion-router-outlet id="content"></ion-router-outlet>
</ion-app>