View assets detail and download operation (#198)

* Fixed not displaying default user profile picture

* Added buttons to close viewer and micro-interaction for navigating assets left, right

* Add additional buttons to the control bar

* Display EXIF info

* Added map to detail info

* Handle user input keyboard

* Fixed incorrect file name when downloading multiple files

* Implemented download panel

web/src/routes/__layout.svelte

@@ -1,9 +1,20 @@
+<script context="module" lang="ts">
+	import type { Load } from '@sveltejs/kit';
+
+	export const load: Load = async ({ url }) => ({ props: { url } });
+</script>
+
 <script lang="ts">
+	import '../app.css';
+
+	import { fly, slide, blur } from 'svelte/transition';
+	import { quintOut } from 'svelte/easing';
 	import { getRequest } from '$lib/api';
 	import { onDestroy } from 'svelte';
-	import '../app.css';
-	import { serverEndpoint } from '../lib/constants';
+	import DownloadPanel from '$lib/components/asset-viewer/download-panel.svelte';
+	import { serverEndpoint } from '$lib/constants';
 
+	export let url: string;
 	let endpoint = serverEndpoint;
 	let isServerOk = true;
 
@@ -18,7 +29,12 @@
 </script>
 
 <main>
-	<slot />
+	{#key url}
+		<div transition:blur={{ duration: 250 }}>
+			<slot />
+			<DownloadPanel />
+		</div>
+	{/key}
 </main>
 
 <footer