fix: proper module resolution in all cases (Node CJS, Node ESM, bundler)

* Add extensions to all imports

* Set module resolution to `bundler` to avoid Node specific behavior

* Use `ts2mjs` to rename files to `mjs`

* Add extensions to `@bbob/types` imports

* Fix `package.json` for proper ESM extension and type separation

* More module resolution stuff change (`node16` for everything, `node` for Vue 2 plugin)

* Use `ts-jest-resolver` for `js` -> `ts` resolving in Jest

* Add changeset

* Add import extensions to frontend libs

packages/bbob-react/package.json

@@ -26,16 +26,21 @@
     "@types/react": "18.x"
   },
   "main": "lib/index.js",
-  "module": "es/index.js",
-  "jsnext:main": "es/index.js",
+  "module": "es/index.mjs",
+  "jsnext:main": "es/index.mjs",
   "browser": "dist/index.js",
   "browserName": "BbobReact",
   "types": "types/index.d.ts",
   "exports": {
     ".": {
-      "types": "./types/index.d.ts",
-      "import": "./es/index.js",
-      "require": "./lib/index.js",
+      "import": {
+        "types": "./types/index.d.mts",
+        "default": "./es/index.mjs"
+      },
+      "require": {
+        "types": "./types/index.d.ts",
+        "default": "./lib/index.js"
+      },
       "browser": "./dist/index.min.js",
       "umd": "./dist/index.min.js"
     }

packages/bbob-react/src/Component.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import type { BBobPlugins, BBobCoreOptions } from '@bbob/types';
 
-import { render } from './render';
+import { render } from './render.js';
 
 const content = (children: ReactNode, plugins?: BBobPlugins, options?: BBobCoreOptions) =>
     React.Children.map(children,

packages/bbob-react/src/index.ts

@@ -1,2 +1,2 @@
-export { default } from './Component';
-export { render } from './render';
+export { default } from './Component.js';
+export { render } from './render.js';