fix(examples/kitchen-sink): swap broken React.createElement logo for data URI (#121)

The previous `logo: () => React.createElement(CiderpressLogo)` form failed
to load because `react` is not a direct dependency of the example
workspace, so the config loader's Node-side resolution threw
"Cannot find module 'react'" and the dev server refused to start.

Switching to the LogoImage object form (`{ src, alt }`) keeps the
function-form `logo` demo intact (proves the NavLogo portal pipeline,
re-runs on theme change, reads `theme.colors.brand`) without requiring
a React import — the config loader runs in Node, no JSX needed.

Renders an inline data URI "ACME" wordmark in the active theme's
brand color so the kitchen-sink example visibly differs from the
auto-generated `/logo.svg` shown by examples/simple.

Author: zrosenbauer

examples/kitchen-sink/ciderpress.config.ts

@@ -1,12 +1,17 @@
-import React from 'react'
-import { CiderpressLogo, defineConfig } from 'ciderpress'
+import { defineConfig } from 'ciderpress'
+
+const acmeLogoSvg = (color: string): string =>
+  `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 40"><text x="0" y="30" font-family="monospace" font-size="32" font-weight="700" fill="${color}">ACME</text></svg>`
 
 export default defineConfig({
   title: 'Acme Platform',
   description: 'The Acme Monorepo Documentation',
   tagline: 'Everything you need to build, ship, and scale.',
   theme: { name: 'arcade' },
-  logo: () => React.createElement(CiderpressLogo),
+  logo: ({ theme }) => ({
+    src: `data:image/svg+xml;utf8,${encodeURIComponent(acmeLogoSvg(theme.colors.brand))}`,
+    alt: 'Acme Platform',
+  }),
   home: {
     features: { truncate: { description: 2 } },
     workspaces: { columns: 2, truncate: { title: 1, description: 2 } },