chore: improve lint setup (#397)

- update eslint config to closely mirror the ones from ferdium-app
- add .eslintignore
- opt in to eslint `reportUnusedDisableDirectives` config option
- remove `trailingComma: all` from `prettier` config which is default in `prettier` v3
- autofix or disable a lot of lint issues throughout codebase
- add `volta` configuration to `package.json` to autoload correct `node` and `pnpm` versions
- upgrade all `eslint` and `prettier` related dependencies to latest
- update lint:fix npm script
- reformat touched files with prettier
- bumped up minor version for all recipes that have changes
- introduced injection of 'service.css' where it was missing in many recipes

---------

Co-authored-by: Vijay A <vraravam@users.noreply.github.com>

3 files changed, 21 insertions, 17 deletions

diff --git a/recipes/zoho/package.json b/recipes/zoho/package.json
index 7e4ea87..b1444d7 100644
--- a/recipes/zoho/package.json
+++ b/recipes/zoho/package.json
@@ -1,7 +1,7 @@
 {
   "id": "zoho",
   "name": "Zoho Mail",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://www.zoho.com/mail/login.html",
diff --git a/recipes/zoho/webview-unsafe.js b/recipes/zoho/webview-unsafe.js
index eb83595..df5237b 100644
--- a/recipes/zoho/webview-unsafe.js
+++ b/recipes/zoho/webview-unsafe.js
@@ -1,12 +1,12 @@
-//wait for Ferdium and Zoho Mail to initialize
+// wait for Ferdium and Zoho Mail to initialize
 if (
-    Object.prototype.hasOwnProperty.call(window, "ferdium") &&
-    Object.prototype.hasOwnProperty.call(window.ferdium, "setBadge") &&
-    Object.prototype.hasOwnProperty.call(window, "zmNCenter") &&
-    Object.prototype.hasOwnProperty.call(window, "zmfolAction")
+  Object.prototype.hasOwnProperty.call(window, 'ferdium') &&
+  Object.prototype.hasOwnProperty.call(window.ferdium, 'setBadge') &&
+  Object.prototype.hasOwnProperty.call(window, 'zmNCenter') &&
+  Object.prototype.hasOwnProperty.call(window, 'zmfolAction')
 ) {
-    var unreadNotifications = window.zmNCenter.counter.count(); //General Notifications by Zoho (Bell Icon)
-    var unreadMail = window.zmfolAction.getUnreadViewCount(); //Unread messages count
+  const unreadNotifications = window.zmNCenter.counter.count(); // General Notifications by Zoho (Bell Icon)
+  const unreadMail = window.zmfolAction.getUnreadViewCount(); // Unread messages count
 
-    window.ferdium.setBadge(unreadMail, unreadNotifications);
+  window.ferdium.setBadge(unreadMail, unreadNotifications);
 }
diff --git a/recipes/zoho/webview.js b/recipes/zoho/webview.js
index 02a5039..2643760 100644
--- a/recipes/zoho/webview.js
+++ b/recipes/zoho/webview.js
@@ -1,22 +1,26 @@
-const _path = _interopRequireDefault(require('path'));
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const _path = _interopRequireDefault(require('path'));
 
-module.exports = (Ferdium) => {
+module.exports = Ferdium => {
   const getMessages = () => {
     Ferdium.injectJSUnsafe(_path.default.join(__dirname, 'webview-unsafe.js'));
   };
 
-  //Zoho uses different URLs for different regions. Find out which region the account belongs to and redirect to the correct URL.
+  // Zoho uses different URLs for different regions. Find out which region the account belongs to and redirect to the correct URL.
   const redirectRegion = () => {
-    if (window.location.href === "https://www.zoho.com/mail/login.html") {
-      const btn = document.querySelectorAll(".access-apps");
+    if (window.location.href === 'https://www.zoho.com/mail/login.html') {
+      const btn = document.querySelectorAll('.access-apps');
       if (btn.length > 0) {
-        window.location.assign(btn[0].href + "zm/");
+        window.location.assign(`${btn[0].href}zm/`);
       }
     }
-  }
+  };
 
   window.addEventListener('load', redirectRegion);
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };