profile: add solid-ui ui-pane as a 4th tab

Inline-edit pane from solid-ui.github.io. With the auto-register changes
just shipped to solid-ui, this is a one-line drop-in: the pane fetches
the urn:solid:Person form definition from solid-ui.github.io/Person/
and renders click-to-edit fields.

Tab order now:
  Profile  — bespoke beautiful view (this app's profile-view-pane.js)
  Inline   — click-to-edit fields (solid-ui ui-pane.js, NEW)
  Edit     — schema-pane auto-form (LOSOS)
  View     — schema-view generic display (solid-panes)
  Source   — raw JSON-LD (LOSOS)

Five lenses on the same Person. Same data, five UIs. Each pane has a
purpose: Profile is the public-facing card, Inline is for casual edits,
Edit is for power users, View is the schema-driven default, Source is
the truth.

The Inline tab is the demonstration that auto-derived contracts produce
working UI without per-app glue code.

Author: melvincarvalho

profile/index.html

@@ -37,6 +37,7 @@
 
 <!-- Panes — order matters for tab order. Profile (bespoke) first, then schema-driven. -->
 <script type="module" data-pane src="./profile-view-pane.js"></script>
+<script type="module" data-pane src="https://solid-ui.github.io/ui-pane.js"></script>
 <script type="module" data-pane src="https://losos.org/panes/schema-pane.js"></script>
 <script type="module" data-pane src="https://solid-panes.github.io/schema-view.js"></script>
 <script type="module" data-pane src="https://losos.org/panes/source-pane.js"></script>