Add playwright tests for Notifications Modal and Sidebar Toggle functionality

e2e-tests/footer/notifications/notifications.spec.js

@@ -0,0 +1,25 @@
+import { test, expect } from '../../../playwright';
+
+test.describe('Notifications Modal', () => {
+  test('should open notifications modal when clicking bell icon and close with close button', async ({ page }) => {
+    // Get the notification bell icon in the status bar
+    const notificationBell = page.getByLabel('Check all Notifications');
+    
+    // Click on the bell icon to open notifications
+    await notificationBell.click();
+    
+    // Get modal elements
+    const notificationsModal = page.locator('.bruno-modal');
+    const modalCloseButton = notificationsModal.locator('div.bruno-modal-header div.close');
+    
+    // Verify modal is visible and has the correct title
+    await expect(notificationsModal).toBeVisible();
+    await expect(notificationsModal.locator('.bruno-modal-header-title')).toContainText('NOTIFICATIONS');
+    
+    // Click the close button
+    await modalCloseButton.click();
+    
+    // Verify modal is closed
+    await expect(notificationsModal).not.toBeVisible();
+  });
+});

e2e-tests/footer/sidebar-toggle/sidebar-toggle.spec.js

@@ -0,0 +1,36 @@
+import { test, expect } from '../../../playwright';
+
+test.describe('Sidebar Toggle', () => {
+  test('should toggle sidebar visibility when clicking the toggle button', async ({ page }) => {
+    // Get the sidebar and toggle button elements
+    const sidebar = page.locator('aside.sidebar');
+    const toggleButton = page.getByLabel('Toggle Sidebar');
+    const dragHandle = page.locator('.sidebar-drag-handle');
+    
+    // Initial state - sidebar and drag handle should be visible
+    await expect(sidebar).toBeVisible();
+    await expect(dragHandle).toBeVisible();
+    
+    // Click toggle to hide sidebar
+    await toggleButton.click();
+    
+    // Wait for transition to complete and verify sidebar and drag handle are hidden
+    await expect(sidebar).not.toBeVisible();
+    await expect(dragHandle).not.toBeVisible();
+
+    // Verify the sidebar has collapsed width
+    const sidebarBox = await sidebar.boundingBox();
+    expect(sidebarBox?.width).toBe(0);
+    
+    // Click toggle again to show sidebar
+    await toggleButton.click();
+    
+    // Wait for transition and verify sidebar and drag handle are visible again
+    await expect(sidebar).toBeVisible();
+    await expect(dragHandle).toBeVisible();
+
+    // Verify the sidebar has expanded width
+    const expandedSidebarBox = await sidebar.boundingBox();
+    expect(expandedSidebarBox?.width).toBeGreaterThan(0);
+  });
+});