feat(ui): open photo on tap for touch and fix narrow-screen panel

- Touch/pen tap opens the viewer; mouse click still selects, dblclick opens
- Panel and rail emit a single transform utility so the panel actually
  slides in below 1280px (Tailwind v4 utility ordering made the base
  translate-x-full win over the conditional translate-x-0)
- Add touch-action: manipulation to grid cells

frontend/src/lib/components/AppShell.svelte

@@ -175,9 +175,9 @@
 			></button>
 		{/if}
 		<aside
-			class="border-border bg-chrome absolute inset-y-0 left-0 z-40 w-60 -translate-x-full overflow-y-auto border-r transition-transform lg:static lg:z-auto lg:w-[var(--rail-w)] lg:translate-x-0 {railOpen
+			class="border-border bg-chrome absolute inset-y-0 left-0 z-40 w-60 overflow-y-auto border-r transition-transform lg:static lg:z-auto lg:w-[var(--rail-w)] lg:translate-x-0 {railOpen
 				? 'translate-x-0'
-				: ''}"
+				: '-translate-x-full'}"
 			style="--rail-w: {railWidth}px"
 			aria-label="Альбомы"
 		>
@@ -215,9 +215,9 @@
 				onkeydown={(e) => nudge('right', e)}
 			></button>
 			<aside
-				class="border-border bg-chrome absolute inset-y-0 right-0 z-40 w-72 translate-x-full overflow-y-auto border-l transition-transform xl:static xl:z-auto xl:w-[var(--panel-w)] xl:translate-x-0 {panelOpen
+				class="border-border bg-chrome absolute inset-y-0 right-0 z-40 w-72 overflow-y-auto border-l transition-transform xl:static xl:z-auto xl:w-[var(--panel-w)] xl:translate-x-0 {panelOpen
 					? 'translate-x-0'
-					: ''}"
+					: 'translate-x-full'}"
 				style="--panel-w: {panelWidth}px"
 				aria-label="Панель"
 			>