fix(个人中心): 组织或项目超长导致样式问题&名称过长气泡提示

--bug=1037080 --user=王旭 【个人信息】测试环境存在该问题-个人信息-个人中心-左侧导航栏字体重叠 https://www.tapd.cn/55049933/s/1482986

frontend/src/components/business/ms-personal-drawer/components/baseInfo.vue

@@ -62,7 +62,14 @@
       <MsDescription :descriptions="descriptions">
         <template #tag>
           <div v-for="org of orgList" :key="org.orgId" class="mb-[16px]">
-            <MsTag class="h-[26px]" max-width="100%"> {{ org.orgName }} </MsTag>
+            <MsTag class="h-[26px]" max-width="100%">
+              <a-tooltip :content="org.orgName" position="right">
+                <template #content>
+                  <span>{{ org.orgName }}</span>
+                </template>
+                <span>{{ org.orgName }}</span>
+              </a-tooltip>
+            </MsTag>
             <br />
             <MsTag
               v-for="project of org.projectList"
@@ -70,7 +77,12 @@
               class="!mr-[8px] mt-[8px] !bg-[rgb(var(--primary-1))] !text-[rgb(var(--primary-5))]"
               max-width="100%"
             >
-              {{ project.projectName }}
+              <a-tooltip :content="project.projectName" position="right">
+                <template #content>
+                  <span>{{ project.projectName }}</span>
+                </template>
+                <span>{{ project.projectName }}</span>
+              </a-tooltip>
             </MsTag>
           </div>
         </template>

frontend/src/components/business/ms-personal-drawer/index.vue

@@ -10,7 +10,7 @@
           @toggle-menu="(val) => (activeMenu = val)"
         />
       </div>
-      <div class="flex-1 p-[24px]">
+      <div class="w-[752px] p-[24px]">
         <baseInfo v-if="activeMenu === 'baseInfo'" />
         <setPsw v-else-if="activeMenu === 'setPsw'" />
         <apiKey v-else-if="activeMenu === 'apiKey'" />