I18n: Add lint rule to enforce correct i18n imports (#56487)

* I18n: Add lint rule to enforce correct i18n imports

* ignore in gui wrapper

packages/grafana-ui/.eslintrc

@@ -1,6 +1,18 @@
 {
   "rules": {
-    "no-restricted-imports": ["error", { "patterns": ["@grafana/runtime", "@grafana/data/*", "@grafana/ui", "@grafana/e2e"] }]
+    "no-restricted-imports": [
+      "error",
+      {
+        "patterns": ["@grafana/runtime", "@grafana/data/*", "@grafana/ui", "@grafana/e2e"],
+        "paths": [
+          {
+            "name": "react-i18next",
+            "importNames": ["Trans", "t"],
+            "message": "Please import from grafana-ui/src/utils/i18n instead"
+          }
+        ]
+      }
+    ]
   },
   "overrides": [
     {

packages/grafana-ui/src/utils/i18n.tsx

@@ -1,6 +1,6 @@
 import i18next from 'i18next';
 import React from 'react';
-import { Trans as I18NextTrans, initReactI18next } from 'react-i18next';
+import { Trans as I18NextTrans, initReactI18next } from 'react-i18next'; // eslint-disable-line no-restricted-imports
 
 // We want to translate grafana-ui without introducing any breaking changes for consumers
 // who use grafana-ui outside of grafana (such as grafana.com self serve). The other struggle