Don't select the item if it's an href (#3057)

Co-authored-by: owenniblock <owenniblock@users.noreply.github.com>

Author: owenniblock

.changeset/three-points-cross.md

@@ -0,0 +1,5 @@
+---
+'@primer/view-components': patch
+---
+
+Don't select SelectPanel::Item when item is a link

.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/list_of_links/dark.png

@@ -882,6 +882,9 @@ export class SelectPanelElement extends HTMLElement {
     const itemContent = this.#getItemContent(item)
 
     if (this.selectVariant === 'single') {
+      // Don't check anything if we have an href
+      if (itemContent?.getAttribute('href')) return
+
       // disallow unchecking checked item in single-select mode
       if (!currentlyChecked) {
         for (const el of this.items) {

.playwright/screenshots/snapshots.test.ts-snapshots/primer/alpha/select_panel/list_of_links/dark_colorblind.png

@@ -8,7 +8,7 @@
 )) do |panel| %>
   <% panel.with_show_button { "Panel" } %>
   <% panel.with_item(label: "GitHub", href: "https://github.com") %>
-  <% panel.with_item(label: "Microsoft", href: "https://microsoft.com") %>
+  <% panel.with_item(label: "Microsoft", href: "https://microsoft.com", active: true) %>
   <% panel.with_item(label: "Primer", href: "https://primer.style") %>
   <% panel.with_item(label: "Catalyst", href: "https://catalyst.rocks") %>
 <% end %>