feat: added rose pine theme from prism syntax

src/routes/+layout.svelte

@@ -1,5 +1,8 @@
 <script lang="ts">
 	import favicon from '$lib/assets/favicon.svg';
+	import '/node_modules/@rose-pine/palette/dist/css/rose-pine-hsl.css';
+	import 'prism-rose-pine/dist/prism-rose-pine-moon.css';
+	import './style.css';
 
 	let { children } = $props();
 </script>
@@ -8,4 +11,11 @@
 	<link rel="icon" href={favicon} />
 </svelte:head>
 
-{@render children?.()}
+<div class="nav">
+	<a class="nav" href="/">Home</a>
+	<a class="nav" href="/about">About</a>
+</div>
+
+<div class="main">
+	{@render children?.()}
+</div>