Material UI中如何将AppBar下的菜单精准定位在栏体正下方且与父按钮水平对齐

• 已参考社区公开教程，掌握通过anchorEl属性将Menu（popover弹出层）定位在触发父元素下方的基础实现方法
• 优化目标：找到更简便的实现路径，让菜单精准偏移定位到AppBar正下方区域，同时维持菜单与对应触发按钮的水平对齐关系
• 现存实现缺陷：目前基于基础方法实现的菜单位置存在垂直方向的偏差，无法达到预期的精准定位效果
• 可复现问题的在线代码沙箱地址：https://codesandbox.io/s/material-demo-forked-d080q

内容的提问来源于stack exchange，提问作者joshp