test: add playwright with basic tests for home page

app/page.spec.ts

@@ -0,0 +1,37 @@
+import { expect, test } from '@playwright/test';
+import 'dotenv/config';
+
+test.describe('Home component tests', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto(`http://localhost:${process.env.PORT}/`);
+  });
+
+  test('should display Dashboard content by default', async ({ page }) => {
+    await expect(page.locator('text=Dashboard')).toBeVisible();
+  });
+
+  test('should switch to Dashboard content when Dashboard tab is clicked', async ({
+    page
+  }) => {
+    await page.click('text=Analytics');
+    await page.click('text=Dashboard');
+
+    await expect(page.locator('text=Dashboard')).toBeVisible();
+  });
+
+  test('should switch to Analytics content when Analytics tab is clicked', async ({
+    page
+  }) => {
+    await page.click('text=Analytics');
+
+    await expect(page.locator('text=Analytics')).toBeVisible();
+  });
+
+  test('should switch to Settings content when Settings tab is clicked', async ({
+    page
+  }) => {
+    await page.click('text=Settings');
+
+    await expect(page.locator('text=Settings')).toBeVisible();
+  });
+});