feat: settings page, sidebar and drawer destination "Settings" (icon settings, after Integration), route /settings (verified), showing only the running build's Version

web/src/router/__tests__/routerGuard.spec.ts

@@ -65,10 +65,7 @@ describe('Nuxt UI shell foundation and router guards', () => {
 	it('The first navigation to a non-public route resolves the session and shows AppBoot meanwhile', async () => {
 		let resolveMe: (value: { verified: boolean }) => void = () => {}
 		const getMe = vi.fn(
-			() =>
-				new Promise<{ verified: boolean }>(
-					(resolve) => (resolveMe = resolve),
-				),
+			() => new Promise<{ verified: boolean }>((resolve) => (resolveMe = resolve)),
 		)
 		vi.mocked(useApi).mockReturnValue({ getMe })
 		setUpSession()
@@ -124,9 +121,7 @@ describe('Nuxt UI shell foundation and router guards', () => {
 		await router.push('/article')
 		mountApp()
 
-		await vi.waitFor(() =>
-			expect(router.currentRoute.value.path).toBe('/register/pending'),
-		)
+		await vi.waitFor(() => expect(router.currentRoute.value.path).toBe('/register/pending'))
 	})
 
 	it('A session-only route admits an unverified session', async () => {
@@ -201,9 +196,7 @@ describe('Nuxt UI shell foundation and router guards', () => {
 		)
 		expect(app.text()).toContain('Home')
 
-		const primaryButton = app
-			.findAll('button')
-			.find((button) => button.text() === 'Try again')
+		const primaryButton = app.findAll('button').find((button) => button.text() === 'Try again')
 		await primaryButton?.trigger('click')
 		await flushPromises()
 
@@ -219,16 +212,12 @@ describe('Nuxt UI shell foundation and router guards', () => {
 		const app = mountApp()
 
 		await vi.waitFor(() =>
-			expect(app.find('[role="alert"] h1').text()).toBe(
-				'Something went wrong',
-			),
+			expect(app.find('[role="alert"] h1').text()).toBe('Something went wrong'),
 		)
 
 		expect(router.currentRoute.value.path).toBe('/article')
 
-		const primaryButton = app
-			.findAll('button')
-			.find((button) => button.text() === 'Try again')
+		const primaryButton = app.findAll('button').find((button) => button.text() === 'Try again')
 		await primaryButton?.trigger('click')
 		await flushPromises()
 
@@ -239,6 +228,7 @@ describe('Nuxt UI shell foundation and router guards', () => {
 		{ path: '/home', title: 'Home' },
 		{ path: '/article', title: 'Articles' },
 		{ path: '/integration', title: 'Integration' },
+		{ path: '/settings', title: 'Settings' },
 	])(
 		'Placeholder verified route $path renders inside DashboardShell with title $title',
 		async ({ path, title }) => {
@@ -251,14 +241,10 @@ describe('Nuxt UI shell foundation and router guards', () => {
 			await flushPromises()
 
 			const headings = app.findAll('h1')
-			expect(headings.some((heading) => heading.text() === title)).toBe(
-				true,
-			)
+			expect(headings.some((heading) => heading.text() === title)).toBe(true)
 			expect(app.find('nav[aria-label="breadcrumb"]').text()).toBe(title)
 
-			const activeLink = app.find(
-				`a[href="${path}"][aria-current="page"]`,
-			)
+			const activeLink = app.find(`a[href="${path}"][aria-current="page"]`)
 			expect(activeLink.exists()).toBe(true)
 		},
 	)