refactor: reorganize Vite config into modular files

Split monolithic vite.config.mjs into separate config files:
- vite.config.web.mts
- vite.config.electron.mts
- vite.config.capacitor.mts
- vite.config.pywebview.mts
- vite.config.common.mts
- vite.config.utils.mts

Updates:
- Modify package.json scripts to use specific config files
- Add electron-builder as dev dependency
- Update electron build configuration
- Fix electron resource paths
- Remove old vite.config.mjs and utils.js

This change improves maintainability by:
- Separating concerns for different build targets
- Making build configurations more explicit
- Reducing complexity in individual config files

src/main.common.ts

@@ -0,0 +1,40 @@
+import { createPinia } from "pinia";
+import { App as VueApp, ComponentPublicInstance, createApp } from "vue";
+import App from "./App.vue";
+import router from "./router";
+import axios from "axios";
+import VueAxios from "vue-axios";
+import Notifications from "notiwind";
+import "./assets/styles/tailwind.css";
+import { FontAwesomeIcon } from "./lib/fontawesome";
+import Camera from "simple-vue-camera";
+
+// Global Error Handler
+function setupGlobalErrorHandler(app: VueApp) {
+  app.config.errorHandler = (
+    err: unknown,
+    instance: ComponentPublicInstance | null,
+    info: string
+  ) => {
+    console.error("Ouch! Global Error Handler.", err, info, instance);
+    alert(
+      (err instanceof Error ? err.message : "Something bad happened") +
+        " - Try reloading or restarting the app."
+    );
+  };
+}
+
+// Function to initialize the app
+export function initializeApp() {
+  const app = createApp(App)
+    .component("fa", FontAwesomeIcon)
+    .component("camera", Camera)
+    .use(createPinia())
+    .use(VueAxios, axios)
+    .use(router)
+    .use(Notifications);
+
+  setupGlobalErrorHandler(app);
+
+  return app;
+}