[VSCODE] Fix hover cursor and styling on Configure emulator link (#10623)

Author: mtr002

firebase-vscode/CHANGELOG.md

@@ -2,6 +2,7 @@
 
 - [Changed] Rename "Run (local)" code lens to "Run (Emulator)".
 - [Fixed] Fix auth issue from Generate Operation button by skipping unnecessary schema compilation check.
+- [Fixed] 'Configure emulator' link hover does not hint it's clickable.
 - [Changed] Replace generateSchema and generateQuery backends with the new fdc AgentService API.
 - [Added] Improved error handling and status updates for query generation
 - [Added] Local schema aware query generation

firebase-vscode/webviews/SidebarApp.tsx

@@ -6,6 +6,7 @@ import { ProjectSection } from "./components/ProjectSection";
 import {
   VSCodeButton,
   VSCodeDropdown,
+  VSCodeLink,
   VSCodeOption,
   VSCodeProgressRing,
 } from "@vscode/webview-ui-toolkit/react";
@@ -107,13 +108,16 @@ function EmulatorsPanel() {
       </VSCodeButton>
       <Spacer size="xsmall" />
       <Label level={3}>
-        <a
-          onClick={() => {
+        <VSCodeLink
+          href="#"
+          style={{ fontSize: "inherit", fontWeight: "inherit" }}
+          onClick={(e) => {
+            e.preventDefault();
             broker.send("fdc.open-emulator-settings");
           }}
         >
           Configure emulator
-        </a>
+        </VSCodeLink>
       </Label>
       <Label level={3}>
         See also:{" "}