Refactor inspector panel to tabbed layout

[Copilot]

Fixes CONSULT-5049

Inspector panel reorganized with tabbed interface to improve information hierarchy and reduce visual clutter.

Changes

• Width: w-60 (240px) → 250px inline style
• Header: Removed LayerTypeIcon component, showing name only
• Tabs: Implemented three-tab layout using @radix-ui/react-tabs
  • Stats: Properties, data source info, action buttons
  • Markers: Member and marker lists (previously inline)
  • Notes: Placeholder ("No notes yet")

Implementation

<Tabs defaultValue="stats" className="flex flex-col overflow-hidden">
  <TabsList className="w-full grid grid-cols-3">
    <TabsTrigger value="stats">Stats</TabsTrigger>
    <TabsTrigger value="markers">Markers</TabsTrigger>
    <TabsTrigger value="notes">Notes 0</TabsTrigger>
  </TabsList>
  
  <TabsContent value="stats" className="grow overflow-auto px-4 pb-4">
    {/* Properties, data source, actions */}
  </TabsContent>
  
  <TabsContent value="markers" className="grow overflow-auto px-4 pb-4">
    {/* TurfMarkersList / BoundaryMarkersList */}
  </TabsContent>
  
  <TabsContent value="notes" className="grow overflow-auto px-4 pb-4">
    {/* Placeholder */}
  </TabsContent>
</Tabs>

All existing functionality preserved (back navigation, close, view actions).

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Refactor inspector layout to tabs | CONSULT-5049</issue_title>
<issue_description>Looks like this currently:

Needs to look like this:

This ticket only concerns:

• Refactoring to a tabbed view in the inspector
• Making the default width of the inspector 250px
• Removing the icon to the left of the boundary name
• Moving the content under "Members in this boundary" and "Markers in this boundary" into the new "Markers" tab. While leaving the remaining content in the new "Stats" tab
• Don't attempt to change any of the actual data displayed in the panel & tabs, that work is for later issues</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes Refactor inspector layout to tabs | CONSULT-5049 #264

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[ev-sc]

@joaquimds copilot did a pretty bad job of this. Still not great for design fidelity and interpreting UI functionality requests.
Did most of it manually, can you check it out to make sure it's ok?

[linear]

CONSULT-5049 Refactor inspector layout to tabs

[ev-sc]

@copilot you're still not very good at even moderate levels of design fidelity