chore(svelte-examples): pull out of lib package (#3363)

* chore(svelte-examples): pull out of lib package

* chore(svelte-examples): cleanup

* chore(examples): add readme files

examples/svelte/src/components/Header/Header.svelte

@@ -0,0 +1,46 @@
+<script lang="ts">
+  import { goto } from '$app/navigation';
+  import { page } from '$app/stores';
+
+  const routes = [
+    'customnode',
+    'drag-n-drop',
+    'edges',
+    'figma',
+    'interaction',
+    'overview',
+    'stress',
+    'subflows',
+    'usesvelteflow',
+    'validation'
+  ];
+
+  const onChange = (event: Event) => {
+    const route = (event.target as HTMLSelectElement).value;
+    goto(route);
+  };
+</script>
+
+<header>
+  <div class="logo">Svelte Flow</div>
+  <select on:change={onChange} value={$page.route.id}>
+    {#each routes as route}
+      <option value={`/${route}`}>{route}</option>
+    {/each}
+  </select>
+</header>
+
+<style>
+  header {
+    padding: 10px;
+    border-bottom: 1px solid #eee;
+    display: flex;
+    font-weight: 700;
+    align-items: center;
+    color: #111;
+  }
+
+  .logo {
+    margin-right: 1rem;
+  }
+</style>

examples/svelte/src/components/Header/index.ts

@@ -0,0 +1 @@
+export { default as Header } from './Header.svelte';