Improve Chain picker UX

[dovvvv]

It would be great to improve the site's UX by displaying the available routes in an organized way. Active and available routes should be listed first, in an ordered list. The routes that are not available can be shown below the available ones, making it easier to differentiate between them.

Additionally, I suggest highlighting the unavailable routes in bold with the label "No Route" to make the distinction clear (as in the example).

Another improvement would be to remove irrelevant routes, such as the option "From Celestia to Celestia" — which doesn't make sense since you cannot create a route to the same origin and destination.

[jmrossy]

@dovvvv thanks for opening this issue. You did open it on the wrong repo though. I'll move it to the correct one (warp-ui-template)

Regarding your request, improvements to the chain selector UX are coming soon