feat: update trainings pages

Signed-off-by: Arthur Broudoux <[email protected]>

package.json

@@ -45,7 +45,7 @@
 		"postcss": "^8.4.47",
 		"prettier": "^3.3.3",
 		"prettier-plugin-svelte": "^3.2.6",
-		"svelte": "5.0.0-next.259",
+		"svelte": "5.0.0-next.270",
 		"svelte-check": "^4.0.2",
 		"tailwindcss": "^3.4.13",
 		"typescript": "^5.6.2",

src/components/global/MenuItemSidebar.svelte

@@ -5,7 +5,8 @@
 
 	export let menu: MenuItemSidebar;
 
-	$: isActive = $page.url.pathname === menu.url;
+	$: isActive =
+		menu.url === "/" ? $page.url.pathname === menu.url : $page.url.pathname.startsWith(menu.url);
 </script>
 
 <li

src/components/global/Sidebar.svelte

@@ -5,11 +5,17 @@
 </script>
 
 <nav
-	class="w-1/6 h-screen bg-background sidebar p-4 flex flex-col items-start justify-start border-r"
+	class="w-1/6 h-screen bg-background sidebar px-4 py-2 flex flex-col items-start justify-between border-r"
 >
 	<ul class="w-full mt-4 flex flex-col gap-2">
 		{#each menuItemsSidebar as menu}
 			<MenuItemSidebar {menu} />
 		{/each}
 	</ul>
+	<a
+		href="https://github.com/abroudoux/better.git"
+		target="_blank"
+		class="w-full items-center flex justify-start pb-8 px-2 text-muted-foreground underline underline-offset-4 hover:underline-offset-2 transition-all text-sm"
+		>Source Code</a
+	>
 </nav>

src/components/trainings/AddTraining.svelte → src/components/trainings/CreateTrainingModal.svelte

@@ -30,8 +30,9 @@
 				</div>
 			</div>
 			<Footer>
-				<Button type="submit" disabled={isLoading}>{isLoading ? "Creating..." : "Next step"}</Button
-				>v
+				<Button type="submit" disabled={isLoading}
+					>{isLoading ? "Creating..." : "Next step"}
+				</Button>
 			</Footer>
 		</form>
 	</Content>