add theatre plugin, add route for theatre editor, build simple animation with a spotlight that follows animating object

src/routes/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import App from '$lib/components/App.svelte'
+	import Home from '$lib/components/scenes/home/Home.svelte';
 	import type { PageData } from './$types';
 	export let data: PageData;
 </script>
@@ -8,10 +8,7 @@
 	{#each data.models as model}
 		<span>{model.title}</span>
 	{/each}
-  <App />
-	<canvas>
-
-	</canvas>
+  <Home />
 </div>
 
 <style>

src/routes/editor/+page.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import Editor from '$lib/components/scenes/editor/Editor.svelte';
+</script>
+
+<div>
+	<Editor />
+</div>
+
+<style>
+	:global(body) {
+		margin: 0;
+	}
+
+	div {
+		width: 100vw;
+		height: 100vh;
+		background: rgb(0, 36, 6);
+		background: linear-gradient(180deg, rgba(0, 36, 6, 1) 0%, rgba(0, 0, 0, 1) 100%);
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+</style>