ui: error page

src/lib/ToolBar.svelte

@@ -6,7 +6,7 @@
     forward: '/icons/rightarrow.png',
     play: '/icons/speaker.png',
     search: '/icons/internet.png',
-    globe: '/icons/github.svg'
+    globe: '/icons/github-white.svg'
   };
 
   let history: string[] = $state([]);

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>