✨(app-desk) create mails feature

Create the archi to handle the mails feature.
It has a different layout than the other features,
we don't display the sidebar to keep the
user focused on the mail content.

src/frontend/apps/e2e/__tests__/app-desk/mails.spec.ts

@@ -0,0 +1,16 @@
+import { expect, test } from '@playwright/test';
+
+import { keyCloakSignIn } from './common';
+
+test.beforeEach(async ({ page, browserName }) => {
+  await page.goto('/');
+  await keyCloakSignIn(page, browserName);
+});
+
+test.describe('Mails', () => {
+  test('checks all the elements are visible', async ({ page }) => {
+    await page.locator('menu').first().getByLabel(`Mails button`).click();
+    await expect(page.getByText('john@doe.com')).toBeVisible();
+    await expect(page.getByText('jane@doe.com')).toBeVisible();
+  });
+});

src/frontend/apps/e2e/__tests__/app-desk/menu.spec.ts

@@ -10,6 +10,7 @@ test.beforeEach(async ({ page, browserName }) => {
 test.describe('Menu', () => {
   const menuItems = [
     { name: 'Search', isDefault: true },
+    { name: 'Mails', isDefault: false },
     { name: 'Favorite', isDefault: false },
     { name: 'Recent', isDefault: false },
     { name: 'Contacts', isDefault: false },