Format connected library page

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

@@ -123,7 +123,11 @@ onMounted(refresh)
 					@keydown.enter="connect"
 				/>
 			</div>
-			<Button color="primary" :disabled="connecting || !sourceUrl.trim()" @click="connect">
+			<Button
+				color="primary"
+				:disabled="connecting || !sourceUrl.trim()"
+				@click="connect"
+			>
 				<ProgressSpinner v-if="connecting" />
 				<PlugIcon v-else />
 				Connect modpack
@@ -140,14 +144,18 @@ onMounted(refresh)
 				<div class="pack-main">
 					<div class="pack-title">
 						<h2>{{ pack.name }}</h2>
-						<span v-if="pack.updateAvailable" class="status update">Update available</span>
+						<span v-if="pack.updateAvailable" class="status update">
+							Update available
+						</span>
 						<span v-else-if="pack.profilePath" class="status current">Current</span>
 						<span v-else class="status">Not installed</span>
 					</div>
 					<p v-if="pack.changelog">{{ pack.changelog }}</p>
 					<div class="meta">
 						<span>Latest {{ pack.version }}</span>
-						<span v-if="pack.installedVersionId">Installed {{ pack.installedVersionId }}</span>
+						<span v-if="pack.installedVersionId">
+							Installed {{ pack.installedVersionId }}
+						</span>
 						<span v-if="pack.lastChecked">
 							Checked {{ new Date(pack.lastChecked).toLocaleString() }}
 						</span>
@@ -187,7 +195,9 @@ onMounted(refresh)
 		<div v-else class="empty">
 			<GitGraphIcon />
 			<h2>No connected modpacks</h2>
-			<p>Add a public Git repository or raw manifest URL to track exported .mrpack releases.</p>
+			<p>
+				Add a public Git repository or raw manifest URL to track exported .mrpack releases.
+			</p>
 		</div>
 	</div>
 </template>