[RPP][AI] Make the 'settings panel' link in the fre dialog accessible by keyboard

Bug: 406549032
Change-Id: I3430367f331a96530f1c6f872bf2fb8ad1feab57
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6403236
Auto-Submit: Alina Varkki <[email protected]>
Commit-Queue: Alina Varkki <[email protected]>
Reviewed-by: Jack Franklin <[email protected]>
Commit-Queue: Jack Franklin <[email protected]>

Author: AlinaVarkki

front_end/panels/timeline/overlays/components/EntryLabelOverlay.ts

@@ -565,15 +565,17 @@ export class EntryLabelOverlay extends HTMLElement {
           // clang-format off
           content: html`
             ${lockedString(UIStringsNotTranslate.freDisclaimerControlSettingFrom)}
-            <x-link
+            <button
               @click=${() => {
                 void UI.ViewManager.ViewManager.instance().showView('chrome-ai');
               }}
               class="link"
+              role="link"
               jslog=${VisualLogging.link('open-ai-settings').track({
                 click: true
               })}
-            >${lockedString(UIStringsNotTranslate.settingsPanel)}</x-link>`,
+              tabindex="0"
+            >${lockedString(UIStringsNotTranslate.settingsPanel)}</button>`,
           // clang-format on
         },
       ],