add new instance button (#6918)

apps/app-frontend/src/pages/library/Index.vue

@@ -42,6 +42,7 @@ onUnmounted(() => {
 <template>
 	<div class="p-6 flex flex-col gap-3">
 		<h1 class="m-0 text-2xl hidden">Library</h1>
+		<div class="flex items-center justify-between gap-3">
 			<NavTabs
 				:links="[
 					{ label: 'All instances', href: `/library` },
@@ -52,6 +53,13 @@ onUnmounted(() => {
 					{ label: 'Saved', href: `/library/saved`, shown: false },
 				]"
 			/>
+			<ButtonStyled color="brand">
+				<button :disabled="offline" @click="showCreationModal?.()">
+					<PlusIcon />
+					New instance
+				</button>
+			</ButtonStyled>
+		</div>
 		<template v-if="instances && instances.length > 0">
 			<RouterView v-if="route.path.startsWith('/library')" :instances="instances" />
 		</template>