update dependencies

src/routes/admin/+layout.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { page } from '$app/stores';
 	import { env } from '$env/dynamic/public';
-	import { IconOutline } from 'svelte-heros-v2';
+	import { ArrowLeftOnRectangle, Flag, UserGroup, Users } from 'svelte-heros-v2';
 	import { buttonTriggeredRequest } from '$lib/components/utils';
 	import { goto } from '$app/navigation';
 	import type { LayoutData } from './$types';
@@ -26,21 +26,21 @@
 	let tabs = [
 		{
 			path: `${env.PUBLIC_BASE_PATH}/admin/users`,
-			icon: 'user-group-outline',
+			icon: UserGroup,
 			name: 'Registrierte Nutzer',
 			badge: data.userCount,
 			enabled: data.userCount != null
 		},
 		{
 			path: `${env.PUBLIC_BASE_PATH}/admin/reports`,
-			icon: 'flag-outline',
+			icon: Flag,
 			name: 'Reports',
 			badge: $reportCount,
 			enabled: data.reportCount != null
 		},
 		{
 			path: `${env.PUBLIC_BASE_PATH}/admin/admin`,
-			icon: 'users-outline',
+			icon: Users,
 			name: 'Website Admins',
 			badge: $adminCount,
 			enabled: data.adminCount != null
@@ -55,7 +55,7 @@
 				{#if tab.enabled}
 					<li>
 						<a href={tab.path}>
-							<IconOutline name={tab.icon} />
+							<svelte:component this={tab.icon} />
 							<span class="mr-1" class:underline={$page.url.pathname === tab.path}>{tab.name}</span>
 							<div class="badge">{tab.badge}</div>
 						</a>
@@ -67,7 +67,7 @@
 			<ul class="menu menu-vertical">
 				<li>
 					<button on:click={(e) => buttonTriggeredRequest(e, logout())}>
-						<IconOutline name="arrow-left-on-rectangle-outline" />
+						<ArrowLeftOnRectangle />
 						<span>Ausloggen</span>
 					</button>
 				</li>