feat(web): support long-press selection on mobile web (#16906)

* feat(web): max grid row height responsive

* also gallery-viewer

* lint

* feat(web): support long-press selection on mobile web

* use svelte-gestures

* fix test

* Bug fix

* globalThis

* format

* revert generator

* Testing

* bad merge

* Fix typo/tap on thumbnail

* feat: shrink header on small screens (#16909)

* feat(web): shrink header on small screens

* fix test

* test

* Fix test

* Revert user-page-layout chagne

* Restore icons sizes, make consistent, improve logo responsiveness

* remove 4 more pix, lint

* lint

* chore

---------

Co-authored-by: Alex Tran <alex.tran1502@gmail.com>

* Revert "Testing"

This reverts commit 442f11c9e1.

---------

Co-authored-by: Alex Tran <alex.tran1502@gmail.com>

web/src/lib/stores/mobile-device.svelte.ts

@@ -1,9 +1,13 @@
 import { MediaQuery } from 'svelte/reactivity';
 
 const hoverNone = new MediaQuery('hover: none');
+const maxMd = new MediaQuery('max-width: 767px');
 
 export const mobileDevice = {
   get hoverNone() {
     return hoverNone.current;
   },
+  get maxMd() {
+    return maxMd.current;
+  },
 };