feat(code): add MCP servers entry to main sidebar under Skills

[jonathanlab]

fairly self explanatory

[greptile-apps]

Prompt To Fix All With AI

Fix the following 1 code review issue. Work through them one at a time, proposing concise fixes.

---

### Issue 1 of 1
apps/code/src/renderer/features/mcp-servers/components/McpServersView.tsx:24-28
**Missing flex container causes `McpServersSettings` layout to collapse**

`McpServersSettings` renders its root element as `<Flex className="min-h-0 w-full flex-1 overflow-hidden">`. The `flex-1` only works when the parent is a flex container — in the Settings dialog this is guaranteed by `fullwidth: true`, which wraps the component in `<div className="... flex h-full min-h-0 w-full">`. Here the parent is a plain `Box` (a `div`), so `flex-1` has no effect and the component falls back to auto/content height. The internal rail and scroll area both use `min-h-0 flex-1` and will not fill the view correctly, likely cutting off content or breaking scrolling.

```suggestion
    <Flex height="100%" className="overflow-hidden min-h-0">
      <McpServersSettings />
    </Flex>
```

_{Reviews (1): Last reviewed commit: "feat(code): add MCP servers entry to mai..." | Re-trigger Greptile}

[greptile-apps]

Missing flex container causes McpServersSettings layout to collapse

McpServersSettings renders its root element as <Flex className="min-h-0 w-full flex-1 overflow-hidden">. The flex-1 only works when the parent is a flex container — in the Settings dialog this is guaranteed by fullwidth: true, which wraps the component in <div className="... flex h-full min-h-0 w-full">. Here the parent is a plain Box (a div), so flex-1 has no effect and the component falls back to auto/content height. The internal rail and scroll area both use min-h-0 flex-1 and will not fill the view correctly, likely cutting off content or breaking scrolling.

Suggested change

	return (
	<Box height="100%" className="overflow-hidden">
	<McpServersSettings />
	</Box>
	<Flex height="100%" className="overflow-hidden min-h-0">
	<McpServersSettings />
	</Flex>

Prompt To Fix With AI

This is a comment left during a code review.
Path: apps/code/src/renderer/features/mcp-servers/components/McpServersView.tsx
Line: 24-28

Comment:
**Missing flex container causes `McpServersSettings` layout to collapse**

`McpServersSettings` renders its root element as `<Flex className="min-h-0 w-full flex-1 overflow-hidden">`. The `flex-1` only works when the parent is a flex container — in the Settings dialog this is guaranteed by `fullwidth: true`, which wraps the component in `<div className="... flex h-full min-h-0 w-full">`. Here the parent is a plain `Box` (a `div`), so `flex-1` has no effect and the component falls back to auto/content height. The internal rail and scroll area both use `min-h-0 flex-1` and will not fill the view correctly, likely cutting off content or breaking scrolling.

```suggestion
    <Flex height="100%" className="overflow-hidden min-h-0">
      <McpServersSettings />
    </Flex>
```

How can I resolve this? If you propose a fix, please make it concise.