ui: error page

src/routes/+error.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import { page } from '$app/stores';
+</script>
+
+<div>
+  <h2>Error {$page.status}</h2>
+  <p>{$page.error?.message || 'An error occurred'}</p>
+</div>
+
+<style>
+  h2 {
+    margin-top: 0;
+  }
+</style>

src/routes/library/+page.svelte

@@ -0,0 +1,20 @@
+<div>
+  <h2>Library</h2>
+  <p>Your music collection</p>
+
+  <section class="library-content">
+    <div class="field-row-stacked">
+      <!-- Library content will go here -->
+    </div>
+  </section>
+</div>
+
+<style>
+  h2 {
+    margin-top: 0;
+  }
+
+  .library-content {
+    margin-top: 20px;
+  }
+</style>