feat(ui): add professional visual fallbacks

.publish/ui/components/ApiEndpointCard.wrn

@@ -3,7 +3,11 @@ component ApiEndpointCard {
         class = ""
         method = "GET"
         path = "/api/example"
+        eyebrow = ""
+        title = ""
         description = ""
+        href = ""
+        actionLabel = "View endpoint"
     }
 
     view {
@@ -17,7 +21,7 @@ component ApiEndpointCard {
                     {method}
                 </span>
                 <code class="text-sm font-semibold">
-                    {path}
+                    {title || path}
                 </code>
             </div>
             <p
@@ -29,6 +33,7 @@ component ApiEndpointCard {
             <div class="mt-4">
                 <slot />
             </div>
+            {#if href}<a href="{href}" class="mt-5 inline-flex items-center gap-2 text-sm font-bold text-violet-600 dark:text-violet-300">{actionLabel}<span class="icon-[lucide--arrow-right] size-4" aria-hidden="true"></span></a>{/if}
         </article>
     }
 }