fix(core): ensure the divider between cloud and local is displayed correctly (#10352)

packages/frontend/core/src/components/workspace-selector/user-with-workspace-list/workspace-list/index.css.ts

@@ -53,6 +53,9 @@ export const workspaceServerName = style([
     },
   },
 ]);
+export const infoMoreIcon = style({
+  color: cssVarV2.icon.secondary,
+});
 
 export const workspaceServerSpacer = style({
   width: 0,

packages/frontend/core/src/components/workspace-selector/user-with-workspace-list/workspace-list/index.tsx

@@ -121,7 +121,9 @@ const WorkspaceServerInfo = ({
       <div className={styles.workspaceServerSpacer} />
       {menuItems.length ? (
         <Menu items={menuItems}>
-          <IconButton icon={<MoreHorizontalIcon />} />
+          <IconButton
+            icon={<MoreHorizontalIcon className={styles.infoMoreIcon} />}
+          />
         </Menu>
       ) : null}
     </div>
@@ -301,10 +303,9 @@ export const AFFiNEWorkspaceList = ({
           onClickWorkspace={handleClickWorkspace}
         />
       </FrameworkScope>
-      {localWorkspaces.length > 0 ||
+      {(localWorkspaces.length > 0 || selfhostServers.length > 0) && (
-        (selfhostServers.length > 0 && (
+        <Divider size="thinner" className={styles.serverDivider} />
-          <Divider size="thinner" className={styles.serverDivider} />
+      )}
-        ))}
 
       {/* 2. local */}
       <LocalWorkspaces