Cleanup a lot of stuff

I've replaced `lodash` with `lodash-es`, so it can be tree-shaken

`~/modules` is a directory with application modules that run before app is mounted. Useful for configuration, web socket connection, and other stuff

`~/composables` is a directory with our custom composables. Much like `~/utils` but each util is in its own file

front/vite.config.ts

@@ -0,0 +1,58 @@
+import { defineConfig, HmrOptions } from 'vite'
+import { createVuePlugin as Vue2 } from 'vite-plugin-vue2'
+import ScriptSetup from 'unplugin-vue2-script-setup/vite'
+
+// @ts-ignore
+import path from 'path'
+
+const port = +(process.env.VUE_PORT ?? 8080)
+
+const hmr = {
+  port: process.env.HMR_PORT || (process.env.FUNKWHALE_PROTOCOL === 'https' ? 443 : port),
+  protocol: process.env.HMR_PROTOCOL || (process.env.FUNKWHALE_PROTOCOL === 'https' ? 'wss' : 'ws')
+} as HmrOptions
+
+if (process.env.GITPOD_WORKSPACE_URL) {
+  hmr.host = process.env.GITPOD_WORKSPACE_URL.replace('https://', `${process.env.HMR_PORT ?? process.env.VUE_PORT ?? 4000}-`)
+  hmr.clientPort = 443
+  hmr.protocol = 'wss'
+  delete hmr.port
+}
+
+// https://vitejs.dev/config/
+export default defineConfig(() => ({
+  envPrefix: 'VUE_',
+  plugins: [
+    // https://github.com/underfin/vite-plugin-vue2
+    Vue2(),
+
+    // https://github.com/antfu/unplugin-vue2-script-setup
+    ScriptSetup(),
+
+    {
+      name: 'fix-fomantic-ui-css',
+      transform (src, id) {
+        if (id.includes('fomantic-ui-css') && id.endsWith('.min.js')) {
+          return `import jQuery from 'jquery';${src}`
+        }
+      }
+    }
+  ],
+  server: { port, hmr },
+  resolve: {
+    alias: {
+      '~': path.resolve(__dirname, './src'),
+
+      // TODO: Remove @/dependency from all files as `@` is used as an organization prefix
+      '@': path.resolve(__dirname, './src')
+    }
+  },
+  build: {
+    rollupOptions: {
+      input: {
+        main: path.resolve(__dirname, './index.html'),
+        embed: path.resolve(__dirname, './embed.html')
+      }
+    }
+  }
+}))