feat: Add Mantine theme, 12 atom components, and 25 molecule components with Storybook stories

- Mantine theme with component extensions (Badge, Card, Paper, Button, etc.)
- CSS custom properties for design tokens (--inspector-* vars)
- Dark/light mode support with auto detection
- 12 atoms: StatusIndicator, AnnotationBadge, CapabilityItem, LogEntry,
  ProgressDisplay, ContentViewer, ListChangedIndicator, CopyButton,
  ConnectionToggle, TransportBadge, InlineError, MessageBubble
- 25 molecules: ServerCard, AddServerMenu, SchemaForm, ToolListItem,
  ToolDetailPanel, ResultPanel, ResourceListItem, ResourcePreviewPanel,
  ResourceTemplateInput, PromptArgumentsForm, PromptMessagesDisplay,
  LogControls, TaskCard, HistoryEntry, ServerInfoContent, ServerSettingsForm,
  RootsTable, SamplingRequestPanel, ElicitationFormPanel, ElicitationUrlPanel,
  InlineSamplingRequest, InlineElicitationRequest, PendingClientRequests,
  ImportServerJsonPanel, ExperimentalFeaturesPanel
- Exclude storybook-static from version control
- Exclude .stories.tsx from app tsconfig (Storybook-only modules)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

clients/web/src/components/molecules/ServerInfoContent/ServerInfoContent.tsx

@@ -0,0 +1,108 @@
+import { Badge, Blockquote, Code, SimpleGrid, Stack, Text, Title } from '@mantine/core';
+import { CapabilityItem } from '../../atoms/CapabilityItem/CapabilityItem';
+
+export interface CapabilityInfo {
+  name: string;
+  supported: boolean;
+  count?: number;
+}
+
+export interface ServerInfoContentProps {
+  name: string;
+  version: string;
+  protocolVersion: string;
+  transport: string;
+  serverCapabilities: CapabilityInfo[];
+  clientCapabilities: CapabilityInfo[];
+  instructions?: string;
+  oauthDetails?: { authUrl?: string; scopes?: string[]; accessToken?: string };
+}
+
+export function ServerInfoContent({
+  name,
+  version,
+  protocolVersion,
+  transport,
+  serverCapabilities,
+  clientCapabilities,
+  instructions,
+  oauthDetails,
+}: ServerInfoContentProps) {
+  return (
+    <Stack gap="md">
+      <Title order={3}>Server Information</Title>
+
+      <SimpleGrid cols={2}>
+        <Text size="sm">Name</Text>
+        <Text size="sm" fw={600}>{name}</Text>
+
+        <Text size="sm">Version</Text>
+        <Text size="sm" fw={600}>{version}</Text>
+
+        <Text size="sm">Protocol</Text>
+        <Text size="sm" fw={600}>{protocolVersion}</Text>
+
+        <Text size="sm">Transport</Text>
+        <Badge variant="outline">{transport}</Badge>
+      </SimpleGrid>
+
+      <SimpleGrid cols={2}>
+        <Stack gap="xs">
+          <Title order={5}>Server Capabilities</Title>
+          {serverCapabilities.map((cap) => (
+            <CapabilityItem
+              key={cap.name}
+              name={cap.name}
+              supported={cap.supported}
+              count={cap.count}
+            />
+          ))}
+        </Stack>
+        <Stack gap="xs">
+          <Title order={5}>Client Capabilities</Title>
+          {clientCapabilities.map((cap) => (
+            <CapabilityItem
+              key={cap.name}
+              name={cap.name}
+              supported={cap.supported}
+              count={cap.count}
+            />
+          ))}
+        </Stack>
+      </SimpleGrid>
+
+      {instructions && (
+        <Stack gap="xs">
+          <Title order={5}>Server Instructions</Title>
+          <Blockquote>{instructions}</Blockquote>
+        </Stack>
+      )}
+
+      {oauthDetails && (
+        <Stack gap="xs">
+          <Title order={5}>OAuth Details</Title>
+          <Stack gap="xs">
+            {oauthDetails.authUrl && (
+              <SimpleGrid cols={2}>
+                <Text size="sm">Auth URL</Text>
+                <Code>{oauthDetails.authUrl}</Code>
+              </SimpleGrid>
+            )}
+            {oauthDetails.scopes && oauthDetails.scopes.length > 0 && (
+              <SimpleGrid cols={2}>
+                <Text size="sm">Scopes</Text>
+                <Text size="sm" fw={600}>{oauthDetails.scopes.join(', ')}</Text>
+              </SimpleGrid>
+            )}
+            {oauthDetails.accessToken && (
+              <SimpleGrid cols={2}>
+                <Text size="sm">Access Token</Text>
+                <Code>{oauthDetails.accessToken}</Code>
+              </SimpleGrid>
+            )}
+          </Stack>
+        </Stack>
+      )}
+    </Stack>
+  );
+}