fix(spaces): align personal space row

Generated-By: PostHog Code
Task-Id: 69df779b-b72b-45bc-a11b-3deeff24ad49

Author: puemos

packages/ui/src/features/canvas/AGENTS.md

@@ -47,9 +47,9 @@ The root `AGENTS.md` architecture rules still apply.
   slide and returning to the list doesn't rebuild every row. A two-finger
   horizontal swipe moves between them (`useChannelPaneSwipe`, wheel `deltaX`
   accumulated per gesture and locked until the wheel goes quiet).
-- In the list, "Starred"/"Spaces" are headings above lightly indented rows; the
-  cube/lock glyph belongs to each row. The alpha's more deeply indented Channels
-  tree and hash glyphs are unchanged.
+- In the list, "Starred"/"Spaces" are headings above lightly indented shared
+  rows; the pinned private "me" row aligns with the headings. The alpha's more
+  deeply indented Channels tree and hash glyphs are unchanged.
 - One `ChannelsFab` serves both panes: given a `channelId` it creates inside
   that channel (task, canvas), and either way it can create a channel. Off the
   layout it keeps its original two-item menu. Archived moves out of the sidebar

packages/ui/src/features/canvas/components/ChannelsList.test.tsx

@@ -105,7 +105,7 @@ describe("ChannelsList", () => {
       expect(screen.getByText("engineering").closest("button")).toHaveClass(
         "pl-4",
       );
-      expect(screen.getByText("me").closest("button")).toHaveClass("pl-4");
+      expect(screen.getByText("me").closest("button")).not.toHaveClass("pl-4");
     });
 
     it("keeps the indented tree off the layout", () => {

packages/ui/src/features/canvas/components/ChannelsList.tsx

@@ -729,7 +729,6 @@ function PersonalChannelRow({ hotkeySlot }: { hotkeySlot?: number }) {
         data-selected={isActive || undefined}
         disabled={isCreating}
         onClick={() => void open()}
-        className={spacesLayout ? "pl-4" : undefined}
       >
         {channelGlyph(PERSONAL_CHANNEL_NAME, {
           size: 14,