Start implementing a new user page for account and security settings

Frontend/rollup.config.mjs

@@ -8,6 +8,7 @@ import { visualizer } from "rollup-plugin-visualizer";
 import postcss from "rollup-plugin-postcss";
 import livereload from "rollup-plugin-livereload";
 import sveltePreprocess from "svelte-preprocess";
+import commonjs from "@rollup/plugin-commonjs";
 
 const VIEWS = ["home", "login", "popup", "user"];
 
@@ -66,30 +67,20 @@ const htmlTemplate = ({ attributes, meta, files, publicPath, title }) => {
 export default VIEWS.map((view) => ({
    input: `src/pages/${view}/main.ts`,
    output: [
-      dev
-         ? {
-              file: `build/${view}/bundle.js`,
-              format: "iife",
-              sourcemap: true,
-              name: view,
-           }
-         : {
-              file: `build/${view}/bundle.min.js`,
-              format: "iife",
-              name: view,
-              plugins: [
-                 esbuild({
-                    minify: true,
-                 }),
-              ],
-           },
+      {
+         file: `build/${view}/bundle.min.js`,
+         format: "es",
+         sourcemap: true,
+         name: view,
+      },
    ],
    plugins: [
       svelte({
          emitCss: true,
          preprocess: sveltePreprocess({}),
       }),
-      esbuild({ sourceMap: dev }),
+      commonjs(),
+      esbuild({ sourceMap: dev, minify: true }),
       html({
          title: view,
          attributes: {
@@ -105,8 +96,8 @@ export default VIEWS.map((view) => ({
       }),
       resolve({
          browser: true,
-         dedupe: ["svelte"],
          exportConditions: ["svelte"],
+         extensions: [".svelte"],
       }),
       image(),
       sizes(),