feat(default-app): Simplify pattern list with clickable names and minimal actions

Improved the pattern list UI for better usability and cleaner appearance:

- Made pattern names clickable links with hover underline (removed Visit button)
- Replaced "Remove" button text with trash icon (🗑️)
- Changed trash button to ghost variant (transparent background)
- Added CSS styling for pattern name hover effects
- Increased spacing around action buttons for better visual balance

The result is a more intuitive interface where users can click pattern names
directly to visit them, and actions are represented with clear visual icons.

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

Co-Authored-By: Claude <noreply@anthropic.com>

Author: 2 people

packages/patterns/default-app.tsx

@@ -165,29 +165,38 @@ export default recipe<CharmsListInput, CharmsListOutput>(
 
           <ct-vscroll flex showScrollbar>
             <ct-vstack gap="4" padding="6">
+              <style>{`
+                .pattern-link {
+                  cursor: pointer;
+                  color: inherit;
+                  text-decoration: none;
+                }
+                .pattern-link:hover {
+                  text-decoration: underline;
+                }
+              `}</style>
               <h2>Patterns</h2>
 
               <ct-table full-width hover>
                 <tbody>
                   {allCharms.map((charm) => (
                     <tr>
-                      <td>{charm?.[NAME] || "Untitled Charm"}</td>
                       <td>
-                        <ct-hstack gap="2">
-                          <ct-button
-                            size="sm"
-                            onClick={visit({ charm })}
-                          >
-                            Visit
-                          </ct-button>
-                          <ct-button
-                            size="sm"
-                            variant="destructive"
-                            onClick={removeCharm({ charm, allCharms })}
-                          >
-                            Remove
-                          </ct-button>
-                        </ct-hstack>
+                        <a
+                          className="pattern-link"
+                          onClick={visit({ charm })}
+                        >
+                          {charm?.[NAME] || "Untitled Charm"}
+                        </a>
+                      </td>
+                      <td>
+                        <ct-button
+                          size="sm"
+                          variant="ghost"
+                          onClick={removeCharm({ charm, allCharms })}
+                        >
+                          🗑️
+                        </ct-button>
                       </td>
                     </tr>
                   ))}