Improve location reporting for jsx-dollar rule

Set the diagnostic loc to the dollar sign position for clarity.

Author: Rel1cx

packages/plugins/eslint-plugin-react-x/src/rules/jsx-dollar.mdx

@@ -53,8 +53,8 @@ import React from "react";
 
 function MyComponent({ user }) {
   return <div>Hello ${user.name}</div>;
-  //          ^^^^^^^
-  //          - Possible unnecessary '$' character before expression.
+  //                ^
+  //                - Possible unnecessary '$' character before expression.
 }
 ```
 

packages/plugins/eslint-plugin-react-x/src/rules/jsx-dollar.ts

@@ -46,9 +46,20 @@ export function create(context: RuleContext<MessageID, []>): RuleListener {
       if (node.children[index + 1]?.type !== T.JSXExpressionContainer) continue;
       // Skip if there are only two children (the dollar sign and the expression) it doesn't seem to be split from a template literal
       if (child.value === "$" && node.children.length === 2) continue;
+      const pos = child.loc.end;
       context.report({
         messageId: "jsxDollar",
         node: child,
+        loc: {
+          end: {
+            column: pos.column,
+            line: pos.line,
+          },
+          start: {
+            column: pos.column - 1,
+            line: pos.line,
+          },
+        },
         suggest: [
           {
             messageId: "removeDollarSign",