Contribution guide subdivided

Author: endigo9740

src/docs/DocsNavigation/DocsSidebar.svelte

@@ -45,7 +45,7 @@
 	}
 
 	// Reactive
-	$: classesActive = (href: string) => ($storeCurrentUrl === href ? '!bg-primary-500' : '');
+	$: classesActive = (href: string) => ($storeCurrentUrl?.includes(href) ? '!bg-primary-500' : '');
 </script>
 
 <div class="m-4 mb-20 {$$props.class ?? ''}">

src/docs/DocsNavigation/links.ts

@@ -17,7 +17,7 @@ export const menuNavLinks: any = [
 		list: [
 			{ href: '/docs/why', label: 'Why Skeleton' },
 			{ href: '/docs/comparisons', label: 'Comparisons' },
-			{ href: '/docs/features', label: 'Features', badge: 'New!' },
+			{ href: '/docs/features', label: 'Features' },
 			{ href: '/docs/scaffold', label: 'Scaffold a Project' },
 			{ href: '/docs/contributions', label: 'Contributions' }
 		]

src/routes/(inner)/components/tabs/+page.svelte

@@ -49,7 +49,7 @@
 			['<kbd>Shift + Tab</kbd> ', 'Moves focus to the previous focusable Tab.'],
 			['<kbd>Home</kbd>', 'Moves focus to the first tab.'],
 			['<kbd>End</kbd>', 'Moves focus to the last tab.'],
-			['<kbd>Space</kbd> or <kbd>Enter</kbd>', 'Activates the tab if it was not activated automatically on focus.'],
+			['<kbd>Space</kbd> or <kbd>Enter</kbd>', 'Activates the tab if it was not activated automatically on focus.']
 		]
 	};
 </script>
@@ -134,7 +134,9 @@
 		<h2>Usage</h2>
 		<CodeBlock
 			language="typescript"
-			code={`import type { Writable } from "svelte/store";
+			code={`
+import { writable, type Writable } from "svelte/store";
+
 let storeTab: Writable<string> = writable('a');`}
 		/>
 		<CodeBlock