fix(default-app): Make charm name updates reactive in list (#2016)

The Default Charm List was not updating charm names when they were
changed from within the charm (e.g., editing a Note's title). This
happened because the UI directly accessed charm[NAME] in the map
function, which doesn't create a reactive binding.

Changes:
- Import `lift` from commontools
- Add `getCharmName` lift function to extract charm names reactively
- Use `getCharmName({ charm })` in the table rendering instead of
  direct property access

This creates a proper reactive dependency so when any charm's [NAME]
property changes, the UI automatically re-renders that table row.

Follows the same pattern already used in chatbot-list-view.tsx.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-authored-by: Tony Espinoza <tonyespinoza@Tonys-MacBook-Pro.local>
Co-authored-by: Claude <noreply@anthropic.com>

Author: 3 people

packages/patterns/default-app.tsx

@@ -3,6 +3,7 @@ import {
   Cell,
   derive,
   handler,
+  lift,
   NAME,
   navigateTo,
   recipe,
@@ -98,6 +99,10 @@ const spawnNote = handler<void, void>((_, __) => {
   }));
 });
 
+const getCharmName = lift(({ charm }: { charm: MinimalCharm }) => {
+  return charm?.[NAME] || "Untitled Charm";
+});
+
 export default recipe<CharmsListInput, CharmsListOutput>(
   "DefaultCharmList",
   (_) => {
@@ -177,7 +182,7 @@ export default recipe<CharmsListInput, CharmsListOutput>(
                 <tbody>
                   {allCharms.map((charm) => (
                     <tr>
-                      <td>{charm?.[NAME] || "Untitled Charm"}</td>
+                      <td>{getCharmName({ charm })}</td>
                       <td>
                         <ct-hstack gap="2">
                           <ct-button