web: add notch easter egg & optimize for landscape

it took way too much time to optimize the damn logo sticker under notch for all devices & zoom states

also improved device lib api

web/src/components/save/buttons/DownloadButton.svelte

@@ -2,7 +2,7 @@
     import '@fontsource-variable/noto-sans-mono';
 
     import API from "$lib/api";
-    import device from '$lib/device';
+    import { device } from '$lib/device';
 
     export let url: string;
 
@@ -35,7 +35,7 @@
     }
 
     const downloadFile = (url: string) => {
-        if (device.isIOS) {
+        if (device.is.iOS) {
             return navigator?.share({ url }).catch(() => {});
         } else {
             return window.open(url, '_blank');