fix(core): add tooltip to cloud server selector (#11755)

close AF-2438

packages/frontend/core/src/components/server-selector/index.tsx

@@ -1,4 +1,10 @@
-import { Menu, MenuItem, type MenuProps, MenuTrigger } from '@affine/component';
+import {
+  Menu,
+  MenuItem,
+  type MenuProps,
+  MenuTrigger,
+  Tooltip,
+} from '@affine/component';
 import type { Server } from '@affine/core/modules/cloud';
 import { useMemo } from 'react';
 
@@ -17,9 +23,14 @@ export const ServerSelector = ({
 }) => {
   const menuItems = useMemo(() => {
     return servers.map(server => (
-      <MenuItem key={server.id} onSelect={() => onSelect(server)}>
+      <Tooltip
-        {server.config$.value.serverName} ({server.baseUrl})
+        key={server.id}
-      </MenuItem>
+        content={`${server.config$.value.serverName} (${server.baseUrl})`}
+      >
+        <MenuItem key={server.id} onSelect={() => onSelect(server)}>
+          {server.config$.value.serverName} ({server.baseUrl})
+        </MenuItem>
+      </Tooltip>
     ));
   }, [servers, onSelect]);
 
@@ -34,7 +45,9 @@ export const ServerSelector = ({
         },
       }}
     >
-      <MenuTrigger className={triggerStyle}>{selectedSeverName}</MenuTrigger>
+      <MenuTrigger tooltip={selectedSeverName} className={triggerStyle}>
+        {selectedSeverName}
+      </MenuTrigger>
     </Menu>
   );
 };