simple additions

frontend/src/lib/components/Sidebar.svelte

@@ -52,10 +52,10 @@
 </script>
 
 <aside class="sidebar">
-	<div class="sidebar-header">
+	<a class="sidebar-header" href="/" aria-label="Go to homepage">
 		<span class="app-icon">✦</span>
 		<span class="app-name"><FamDone /></span>
-	</div>
+	</a>
 
 	<nav class="sidebar-nav">
 		{#each navItems as item}
@@ -100,6 +100,8 @@
 		border-bottom: 1px solid #3730a3;
 		height: 52px;
 		box-sizing: border-box;
+		text-decoration: none;
+		color: inherit;
 	}
 	.app-icon {
 		font-size: 1.3rem;

frontend/src/lib/templateIcons.ts

@@ -16,7 +16,11 @@ import {
 	Leaf,
 	Heart,
 	Gift,
-	Timer
+	Timer,
+	PawPrint,
+	Guitar,
+	Medal,
+	Wrench
 } from '@lucide/svelte';
 
 export const ICON_MAP: Record<string, any> = {
@@ -37,7 +41,11 @@ export const ICON_MAP: Record<string, any> = {
 	Leaf,
 	Heart,
 	Gift,
-	Timer
+	Timer,
+	PawPrint,
+	Guitar,
+	Medal,
+	Wrench
 };
 
 export const ICON_NAMES = Object.keys(ICON_MAP);