refactor(Menu): 调整导航布局为网格排列

- 将导航项容器从 flex 布局改为 grid 布局- 设置网格列数为 4 列
- 添加 gap-2 类以增加元素间距
- 保持原有的圆角、阴影和内边距样式

src/pages/index/Menu.tsx

@@ -34,7 +34,7 @@ const Page = () => {
   return (
     shopLoading ? (<Loading>加载中</Loading>) :
       <div className={'p-2 z-50 mt-1'}>
-        <div className={'flex justify-between pb-2 p-2 bg-white rounded-xl shadow-sm'}>
+        <div className={'grid grid-cols-4 gap-2 pb-2 p-2 bg-white rounded-xl shadow-sm'}>
           {
             navItems.map((item, index) => (
               <div key={index} className={'text-center'} onClick={() => onNav(item)}>