[IMP] web_notify: migration improvements

- Use ES6 in js files
- Update screenshots
- Clean old lint exceptions
- New icon

TT38350

web_notify/static/src/js/services/notification_services.esm.js

@@ -0,0 +1,45 @@
+/** @odoo-module **/
+import {browser} from "@web/core/browser/browser";
+import {registry} from "@web/core/registry";
+
+export const webNotificationService = {
+    dependencies: ["notification"],
+
+    start(env, {notification}) {
+        let webNotifTimeouts = {};
+        /**
+         * Displays the web notification on user's screen
+         */
+
+        function displaywebNotification(notifications) {
+            Object.values(webNotifTimeouts).forEach((notif) =>
+                browser.clearTimeout(notif)
+            );
+            webNotifTimeouts = {};
+
+            notifications.forEach(function (notif) {
+                browser.setTimeout(function () {
+                    notification.add(notif.message, {
+                        title: notif.title,
+                        type: notif.type,
+                        sticky: notif.sticky,
+                        className: notif.className,
+                    });
+                });
+            });
+        }
+        env.bus.on("WEB_CLIENT_READY", null, async () => {
+            const legacyEnv = owl.Component.env;
+            legacyEnv.services.bus_service.onNotification(this, (notifications) => {
+                for (const {payload, type} of notifications) {
+                    if (type === "web.notify") {
+                        displaywebNotification(payload);
+                    }
+                }
+            });
+            legacyEnv.services.bus_service.startPolling();
+        });
+    },
+};
+
+registry.category("services").add("webNotification", webNotificationService);