[Bug] Top right panes have incorrectly formatted headers

[Turbine1991]

The horizontal alignment, the vertical alignment and height are all wrong.

To fix edit UserDrawer.vue

            <div class="relative">
                <v-app-bar
                    :color="$vuetify.theme.dark ? 'dark' : 'grey lighten-4'"
                    :dark="$vuetify.theme.dark"
                    fixed
                    flat
                    height="76"
                >
                    <div class="d-flex justify-space-between align-center w-full h-100 mx-3">
                        <h6 class="pa-0 ma-0">My Account</h6>
                        <!-- <slot name="userDrawerCloseButton"></slot>-->
                        <v-btn class="mr-n4" icon color @click.stop="$emit('toggleUserDrawer')">
                            <v-icon>mdi-close</v-icon>
                        </v-btn>
                    </div>
                </v-app-bar>
            </div>

Fixed: