Dev mode revamp

frontend/src/components/CornerMenu.svelte

@@ -25,13 +25,22 @@
     {#if open}
         <nav class="menu-dropdown">
             {#each links as link}
-                <a
-                    href={link.href}
-                    target={link.external ? '_blank' : undefined}
-                    rel={link.external ? 'noopener' : undefined}
-                    title={link.title}
-                    on:click={() => (open = false)}
-                >{link.label}</a>
+                {#if link.action}
+                    <button
+                        class="menu-item"
+                        title={link.title}
+                        on:click={() => { open = false; link.action(); }}
+                    >{link.label}</button>
+                {:else}
+                    <a
+                        class="menu-item"
+                        href={link.href}
+                        target={link.external ? '_blank' : undefined}
+                        rel={link.external ? 'noopener' : undefined}
+                        title={link.title}
+                        on:click={() => (open = false)}
+                    >{link.label}</a>
+                {/if}
             {/each}
         </nav>
     {/if}
@@ -68,7 +77,7 @@
         border-radius: var(--radius-md);
         overflow: hidden;
     }
-    .menu-dropdown a {
+    .menu-item {
         padding: 8px 16px;
         color: var(--accent);
         font-size: 0.85rem;
@@ -77,11 +86,14 @@
         font-family: var(--font-heading);
         text-align: right;
         white-space: nowrap;
+        background: none;
+        border: none;
+        cursor: pointer;
     }
-    .menu-dropdown a:hover {
+    .menu-item:hover {
         background: color-mix(in srgb, var(--accent) 12%, transparent);
     }
-    .menu-dropdown a + a {
+    .menu-item + .menu-item {
         border-top: 1px solid var(--edge-soft);
     }
 </style>