Add admin layout and pages: implement sidebar navigation and user role checks

app/layouts/default.vue

@@ -11,6 +11,8 @@ const onSearchInput = (v: string) => {
 		else router.replace("/search")
 	}, 300)
 }
+
+const { data: user } = useApiFetch<any>("/user")
 </script>
 
 <template>
@@ -69,6 +71,20 @@ const onSearchInput = (v: string) => {
 					Songs
 				</Button>
 			</div>
+
+			<div v-if="user?.role == 'admin'" class="category">
+				<p>Secret stuff</p>
+
+				<Button
+					full
+					variant="ghost"
+					to="/admin"
+					type="link"
+					icon-name="lucide:settings-2"
+				>
+					Go To Admin Panel
+				</Button>
+			</div>
 		</template>
 
 		<template #default>