feat(notification): add logo icon for desktop notifications

.changeset/modern-flies-draw.md

@@ -0,0 +1,5 @@
+---
+'studytimer.io': minor
+---
+
+Add logo icon for desktop notifications.

eslint.config.js

@@ -26,6 +26,7 @@ export default [
         ...globals.browser,
         NodeJS: true,
         NotificationPermission: true,
+        NotificationOptions: true,
       },
     },
     plugins: { jsdoc, importPlugin },

src/services/notification-api.service.js

@@ -1,3 +1,4 @@
+import logoIcon from '../assets/images/logo-icon.png';
 import { appStore } from '../stores/app.js';
 import {
   CLIENT_ERROR_MESSAGE,
@@ -16,16 +17,15 @@ class NotificationApiService {
       return;
     }
 
+    /** @type {NotificationOptions} */
+    const notificationOptions = { body: message, icon: logoIcon };
+
     if (Notification.permission === NOTIFICATION_PERMISSION.GRANTED) {
-      new Notification(title, {
-        body: message,
-      });
+      new Notification(title, { ...notificationOptions });
     } else {
       this.requestNotificationPermission().then(function (permissionGranted) {
         if (permissionGranted) {
-          new Notification(title, {
-            body: message,
-          });
+          new Notification(title, { ...notificationOptions });
         }
       });
     }