fix: use pencil and trash icons for tap row actions

Replaces text "Edit"/"Del" buttons with pencil and trash can icon
buttons matching the style used elsewhere in the UI.

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

ui/src/pages/Routes/RouteDetail.tsx

@@ -609,11 +609,11 @@ export default function RouteDetail() {
     {
       key: 'actions' as any,
       header: '',
-      width: '100px',
+      width: '80px',
       render: (_, row) => (
         <div className={styles.tapActions}>
-          <Button variant="ghost" size="sm" onClick={() => openTapModal(row)}>Edit</Button>
-          <Button variant="ghost" size="sm" onClick={() => setDeletingTap(row)}>Del</Button>
+          <button className={styles.tapActionBtn} title="Edit" onClick={() => openTapModal(row)}>&#x270E;</button>
+          <button className={styles.tapActionBtn} title="Delete" onClick={() => setDeletingTap(row)}>&#x1F5D1;</button>
         </div>
       ),
     },