Add NotificationSound component and associated Blade view for audio notifications

resources/views/livewire/notification-sound.blade.php

@@ -0,0 +1,31 @@
+{{-- <div>
+    {{-- Do your work, then step back.
+</div> --}}
+
+<div>
+    @push('scripts')
+    <script>
+        window.addEventListener('play-notification-sound', () => {
+            const audio = new Audio('/sounds/click.mp3');
+            audio.play().catch(() => {
+                console.log("Sound blocked until user interacts with the page");
+            });
+        });
+
+        window.addEventListener('play-warn-sound', () => {
+            const audio = new Audio('/sounds/warning.mp3');
+            audio.play().catch(() => {
+                console.log("Sound blocked until user interacts with the page");
+            });
+        });
+
+        window.addEventListener('play-beep-sound', () => {
+            const audio = new Audio('/sounds/scanner-beep.mp3');
+            audio.play().catch(() => {
+                console.log("Sound blocked until user interacts with the page");
+            });
+        });
+    </script>
+    @endpush
+</div>
+