Avatar menu

<Wrap spacing="10">
<Menu>
    <Tooltip label="jake.sully@sitecore.com">
        <MenuButton>
            <Avatar
                size="sm"
                name="Jake Sully"
                src="https://i0.wp.com/cdn.auth0.com/avatars/js.png"
            />
        </MenuButton>
    </Tooltip>
    <MenuList>
        <Box px="3.5" py="2">
            <Text variant="strong">Jake Sully</Text>
            <Text variant="small">jake.sully@sitecore.com</Text>
        </Box>
        <MenuItem icon={<Icon><path d={mdiAccountCircleOutline} /></Icon>}>Your account</MenuItem>
        <MenuDivider />
        <MenuItem icon={<Icon><path d={mdiInformationOutline} /></Icon>}>Custom action</MenuItem>
        <MenuItem icon={<Icon><path d={mdiInformationOutline} /></Icon>}>Custom action</MenuItem>
        <MenuDivider />
        <MenuItem icon={<Icon><path d={mdiLogout} /></Icon>}>Log out</MenuItem>
    </MenuList>
</Menu>

</Wrap>