Implement most of the file viewer in svelte

svelte/src/file_viewer/viewers/File.svelte

@@ -0,0 +1,47 @@
+<script>
+import { createEventDispatcher } from "svelte";
+let dispatch = createEventDispatcher()
+
+export let file = {
+	id: "",
+	name: "",
+	mime_type: "",
+	icon_href: "",
+}
+</script>
+
+<div class="container">
+	<h1>You are viewing a file on pixeldrain</h1>
+	<img src={file.icon_href} alt="File icon" class="icon">
+	<div class="description">
+		Name: {file.name}<br/>
+		Type: {file.mime_type}<br/>
+		No preview is available for this file type. Download to view it locally.
+		<br/>
+		<button class="button_highlight" on:click={() => {dispatch("download")}}>
+			<i class="icon">save</i> Download
+		</button>
+	</div>
+</div>
+
+<style>
+.icon {
+	display: inline-block;
+	vertical-align: middle;
+}
+.description {
+	display: inline-block;
+	text-align: left;
+	padding-left: 8px;
+	vertical-align: middle;
+	max-width: 600px;
+}
+.container {
+	position: relative;
+	display: block;
+	height: 100%;
+	width: 100%;
+	text-align: center;
+	overflow: hidden;
+}
+</style>