Use "tanstack/react-table" for visual bibtex editor

GitOrigin-RevId: 85c7ae2433de04a4d64d9d59af062646add3b473

package-lock.json

@@ -18853,6 +18853,39 @@
         "tailwindcss": ">=3.2.0"
       }
     },
+    "node_modules/@tanstack/react-table": {
+      "version": "8.21.3",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-table/-/react-table-8.21.3.tgz",
+      "integrity": "sha512-5nNMTSETP4ykGegmVkhjcS8tTLW6Vl4axfEGQN3v0zdHYbK4UfoqfPChclTrJ4EoK9QynqAu9oUf8VEmrpZ5Ww==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/table-core": "8.21.3"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
+    "node_modules/@tanstack/table-core": {
+      "version": "8.21.3",
+      "resolved": "https://registry.npmjs.org/@tanstack/table-core/-/table-core-8.21.3.tgz",
+      "integrity": "sha512-ldZXEhOBb8Is7xLs01fR3YEc3DERiz5silj8tnGkFZytt1abEvl/GhUmCE0PMLaMPTa3Jk4HbKmRlHmu+gCftg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
     "node_modules/@testing-library/cypress": {
       "version": "10.0.3",
       "resolved": "https://registry.npmjs.org/@testing-library/cypress/-/cypress-10.0.3.tgz",
@@ -58241,6 +58274,7 @@
         "@slack/webhook": "^7.0.2",
         "@stripe/react-stripe-js": "^3.9.0",
         "@stripe/stripe-js": "^7.7.0",
+        "@tanstack/react-table": "^8.21.3",
         "@xmldom/xmldom": "^0.7.13",
         "accepts": "^1.3.7",
         "ai": "^6.0.2",

services/web/frontend/extracted-translations.json

@@ -1357,6 +1357,7 @@
   "premium_feature": "",
   "premium_plan_label": "",
   "presentation_mode": "",
+  "previous": "",
   "previous_page": "",
   "price": "",
   "primarily_work_study_question": "",

services/web/frontend/js/features/source-editor/components/codemirror-editor.tsx

@@ -1,4 +1,4 @@
-import { ElementType, memo, useRef, useState } from 'react'
+import { ElementType, Suspense, memo, useRef, useState } from 'react'
 import useIsMounted from '../../../shared/hooks/use-is-mounted'
 import { EditorView } from '@codemirror/view'
 import { EditorState } from '@codemirror/state'
@@ -73,7 +73,11 @@ function CodeMirrorEditor() {
     <CodeMirrorStateContext.Provider value={state}>
       <CodeMirrorViewContext.Provider value={viewRef.current}>
         <CodeMirrorEditorComponents hidden={VisualEditor != null} />
-        {VisualEditor && <VisualEditor />}
+        {VisualEditor && (
+          <Suspense fallback={null}>
+            <VisualEditor />
+          </Suspense>
+        )}
       </CodeMirrorViewContext.Provider>
     </CodeMirrorStateContext.Provider>
   )

services/web/package.json

@@ -108,6 +108,7 @@
     "@slack/webhook": "^7.0.2",
     "@stripe/react-stripe-js": "^3.9.0",
     "@stripe/stripe-js": "^7.7.0",
+    "@tanstack/react-table": "^8.21.3",
     "@xmldom/xmldom": "^0.7.13",
     "accepts": "^1.3.7",
     "ai": "^6.0.2",