[release-2.2] fix: menu scroll bar is blocked (#855)

This is an automated cherry-pick of #845

/assign ruibaby

```release-note
完整显示左侧菜单栏滚动条
```

src/layouts/BasicLayout.vue

@@ -187,7 +187,9 @@ onMounted(generateMenus);
 
 <template>
   <div class="flex h-full">
-    <aside class="navbar fixed hidden h-full overflow-y-auto md:block">
+    <aside
+      class="navbar fixed hidden h-full overflow-y-auto md:flex md:flex-col"
+    >
       <div class="logo flex justify-center pt-5 pb-7">
         <a href="/" target="_blank" title="访问首页">
           <IconLogo
@@ -195,6 +197,7 @@ onMounted(generateMenus);
           />
         </a>
       </div>
+      <div class="flex-1 overflow-y-auto">
         <div class="px-3">
           <div
             class="flex cursor-pointer items-center rounded bg-gray-100 p-2 text-gray-400 transition-all hover:text-gray-900"
@@ -210,6 +213,8 @@ onMounted(generateMenus);
           </div>
         </div>
         <RoutesMenu :menus="menus" />
+      </div>
+      <div class="profile-placeholder">
         <div class="current-profile">
           <div v-if="userStore.currentUser?.spec.avatar" class="profile-avatar">
             <VAvatar
@@ -263,6 +268,7 @@ onMounted(generateMenus);
             </template>
           </FloatingDropdown>
         </div>
+      </div>
     </aside>
 
     <main class="content w-full overflow-y-auto pb-12 mb-safe md:pb-0">
@@ -368,7 +374,9 @@ onMounted(generateMenus);
   @apply bg-white;
   z-index: 999;
   box-shadow: 0 4px 4px #f6c6ce;
-  padding-bottom: 70px;
+
+  .profile-placeholder {
+    height: 70px;
 
     .current-profile {
       height: 70px;
@@ -397,6 +405,7 @@ onMounted(generateMenus);
       }
     }
   }
+}
 
 .content {
   @apply ml-0