diff --git a/.claude/ralph-loop.local.md b/.claude/ralph-loop.local.md
index 606cf0a..45fca26 100644
--- a/.claude/ralph-loop.local.md
+++ b/.claude/ralph-loop.local.md
@@ -1,9 +1,9 @@
 ---
 active: true
-iteration: 3
+iteration: 21
 max_iterations: 0
 completion_promise: null
-started_at: "2026-01-20T18:21:39Z"
+started_at: "2026-01-20T18:56:19Z"
 ---
 
-Tests were bodged and not implemented properly, ensure all are implemented manually and we have full coverage.
+Project code review, usual stuff, impl, tests, e2e, lint
diff --git a/eslint.config.mjs b/eslint.config.mjs
index fc46073..ac96e87 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -10,7 +10,15 @@ export default [
   },
   js.configs.recommended,
   ...tseslint.configs.recommended,
-  nextPlugin.configs['core-web-vitals'],
+  {
+    name: 'next/core-web-vitals',
+    plugins: {
+      '@next/next': nextPlugin,
+    },
+    rules: {
+      ...nextPlugin.configs['core-web-vitals'].rules,
+    },
+  },
   {
     name: 'react-hooks/custom',
     plugins: {
diff --git a/package-lock.json b/package-lock.json
index 35c8d47..05a9eae 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -44,7 +44,8 @@
         "postcss": "^8.4.35",
         "sass": "^1.83.4",
         "ts-node": "^10.9.2",
-        "typescript": "^5"
+        "typescript": "^5",
+        "typescript-eslint": "^8.53.1"
       }
     },
     "node_modules/@adobe/css-tools": {
@@ -1835,7 +1836,6 @@
       "version": "2.5.4",
       "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.4.tgz",
       "integrity": "sha512-WYa2tUVV5HiArWPB3ydlOc4R2ivq0IDrlqhMi3l7mVsFEXNcTfxYFPIHXHXIh/ca/y/V5N4E1zecyxdIBjYnkQ==",
-      "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "optional": true,
@@ -1875,7 +1875,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1896,7 +1895,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1917,7 +1915,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1938,7 +1935,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1959,7 +1955,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1980,7 +1975,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2001,7 +1995,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2022,7 +2015,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2043,7 +2035,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2064,7 +2055,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2085,7 +2075,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2106,7 +2095,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2127,7 +2115,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2158,7 +2145,7 @@
       "version": "1.57.0",
       "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.57.0.tgz",
       "integrity": "sha512-6TyEnHgd6SArQO8UO2OMTxshln3QMWBtPGrOCgs3wVEmQmwyuNtB10IZMfmYDE0riwNR1cu4q+pPcxMVtaG3TA==",
-      "dev": true,
+      "devOptional": true,
       "license": "Apache-2.0",
       "dependencies": {
         "playwright": "1.57.0"
@@ -2331,6 +2318,18 @@
         "react-dom": "^18.0.0"
       }
     },
+    "node_modules/@testing-library/react/node_modules/@types/react": {
+      "version": "18.3.27",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.27.tgz",
+      "integrity": "sha512-cisd7gxkzjBKU2GgdYrTdtQx1SORymWyaAFhaxQPK9bYO9ot3Y5OikQRvY0VYQtvwjeQnizCINJAenh/V7MK2w==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "@types/prop-types": "*",
+        "csstype": "^3.2.2"
+      }
+    },
     "node_modules/@testing-library/react/node_modules/@types/react-dom": {
       "version": "18.3.7",
       "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.7.tgz",
@@ -2624,11 +2623,19 @@
         "undici-types": "~6.21.0"
       }
     },
+    "node_modules/@types/prop-types": {
+      "version": "15.7.15",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
+      "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
+      "dev": true,
+      "license": "MIT",
+      "peer": true
+    },
     "node_modules/@types/react": {
       "version": "19.2.8",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.8.tgz",
       "integrity": "sha512-3MbSL37jEchWZz2p2mjntRZtPt837ij10ApxKfgmXCTuHWagYg7iA5bqPw6C8BMPfwidlvfPI/fxOc42HLhcyg==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "csstype": "^3.2.2"
@@ -4036,7 +4043,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
       "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "readdirp": "^4.0.1"
@@ -5836,7 +5843,6 @@
       "version": "2.3.2",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
       "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "optional": true,
@@ -6302,7 +6308,7 @@
       "version": "5.1.4",
       "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.4.tgz",
       "integrity": "sha512-p6u1bG3YSnINT5RQmx/yRZBpenIl30kVxkTLDyHLIMk0gict704Q9n+thfDI7lTRm9vXdDYutVzXhzcThxTnXA==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT"
     },
     "node_modules/import-fresh": {
@@ -6578,7 +6584,7 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -6644,7 +6650,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "is-extglob": "^2.1.1"
@@ -8501,7 +8507,6 @@
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
       "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
-      "dev": true,
       "license": "MIT",
       "optional": true
     },
@@ -8994,7 +8999,7 @@
       "version": "1.57.0",
       "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.57.0.tgz",
       "integrity": "sha512-ilYQj1s8sr2ppEJ2YVadYBN0Mb3mdo9J0wQ+UuDhzYqURwSoW4n1Xs5vs7ORwgDGmyEh33tRMeS8KhdkMoLXQw==",
-      "dev": true,
+      "devOptional": true,
       "license": "Apache-2.0",
       "dependencies": {
         "playwright-core": "1.57.0"
@@ -9013,7 +9018,7 @@
       "version": "1.57.0",
       "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.57.0.tgz",
       "integrity": "sha512-agTcKlMw/mjBWOnD6kFZttAAGHgi/Nw0CZ2o6JqWSbMlI219lAFLZZCyqByTsvVAJq5XA5H8cA6PrvBRpBWEuQ==",
-      "dev": true,
+      "devOptional": true,
       "license": "Apache-2.0",
       "bin": {
         "playwright-core": "cli.js"
@@ -9320,7 +9325,7 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
       "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "engines": {
         "node": ">= 14.18.0"
@@ -9650,7 +9655,7 @@
       "version": "1.97.2",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.97.2.tgz",
       "integrity": "sha512-y5LWb0IlbO4e97Zr7c3mlpabcbBtS+ieiZ9iwDooShpFKWXf62zz5pEPdwrLYm+Bxn1fnbwFGzHuCLSA9tBmrw==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "chokidar": "^4.0.0",
@@ -10636,6 +10641,30 @@
         "node": ">=14.17"
       }
     },
+    "node_modules/typescript-eslint": {
+      "version": "8.53.1",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.53.1.tgz",
+      "integrity": "sha512-gB+EVQfP5RDElh9ittfXlhZJdjSU4jUSTyE2+ia8CYyNvet4ElfaLlAIqDvQV9JPknKx0jQH1racTYe/4LaLSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/eslint-plugin": "8.53.1",
+        "@typescript-eslint/parser": "8.53.1",
+        "@typescript-eslint/typescript-estree": "8.53.1",
+        "@typescript-eslint/utils": "8.53.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <6.0.0"
+      }
+    },
     "node_modules/unbox-primitive": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
diff --git a/package.json b/package.json
index 0683353..25650c3 100644
--- a/package.json
+++ b/package.json
@@ -50,7 +50,8 @@
     "postcss": "^8.4.35",
     "sass": "^1.83.4",
     "ts-node": "^10.9.2",
-    "typescript": "^5"
+    "typescript": "^5",
+    "typescript-eslint": "^8.53.1"
   },
   "overrides": {
     "react": "^19.0.0",
diff --git a/src/app/page.tsx b/src/app/page.tsx
index f22a75e..c547712 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,8 +10,6 @@ const SnippetManagerRedux = dynamic(
   { ssr: false }
 );
 
-export const dynamic = 'force-dynamic'
-
 export default function HomePage() {
   return (
     <PageLayout>
diff --git a/src/components/features/snippet-editor/SnippetDialog.test.tsx b/src/components/features/snippet-editor/SnippetDialog.test.tsx
new file mode 100644
index 0000000..35af133
--- /dev/null
+++ b/src/components/features/snippet-editor/SnippetDialog.test.tsx
@@ -0,0 +1,385 @@
+import React from 'react'
+import { render, screen, waitFor } from '@/test-utils'
+import userEvent from '@testing-library/user-event'
+import { SnippetDialog } from './SnippetDialog'
+import { Snippet } from '@/lib/types'
+
+describe('SnippetDialog Component', () => {
+  const mockOnSave = jest.fn()
+  const mockOnOpenChange = jest.fn()
+
+  const defaultProps = {
+    open: true,
+    onOpenChange: mockOnOpenChange,
+    onSave: mockOnSave,
+  }
+
+  const mockSnippet: Snippet = {
+    id: '1',
+    title: 'Test Snippet',
+    description: 'A test snippet',
+    code: 'console.log("test")',
+    language: 'JavaScript',
+    hasPreview: false,
+    createdAt: Date.now(),
+    updatedAt: Date.now(),
+    namespaceId: 'default',
+  }
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  describe('Rendering', () => {
+    it('renders dialog when open prop is true', () => {
+      render(<SnippetDialog {...defaultProps} />)
+      const dialog = screen.getByTestId('snippet-dialog')
+      expect(dialog).toBeInTheDocument()
+    })
+
+    it('does not render dialog when open prop is false', () => {
+      render(<SnippetDialog {...defaultProps} open={false} />)
+      const dialog = screen.queryByTestId('snippet-dialog')
+      expect(dialog).not.toBeInTheDocument()
+    })
+
+    it('displays create title for new snippet', () => {
+      render(<SnippetDialog {...defaultProps} />)
+      expect(screen.getByText(/create/i)).toBeInTheDocument()
+    })
+
+    it('displays edit title when editing existing snippet', () => {
+      render(<SnippetDialog {...defaultProps} editingSnippet={mockSnippet} />)
+      expect(screen.getByText(/edit/i)).toBeInTheDocument()
+    })
+  })
+
+  describe('Form Fields', () => {
+    it('renders title input', () => {
+      render(<SnippetDialog {...defaultProps} />)
+      const titleInput = screen.getByTestId('snippet-title-input')
+      expect(titleInput).toBeInTheDocument()
+    })
+
+    it('renders language select', () => {
+      render(<SnippetDialog {...defaultProps} />)
+      const languageSelect = screen.getByTestId('snippet-language-select')
+      expect(languageSelect).toBeInTheDocument()
+    })
+
+    it('renders description textarea', () => {
+      render(<SnippetDialog {...defaultProps} />)
+      const descriptionTextarea = screen.getByTestId('snippet-description-textarea')
+      expect(descriptionTextarea).toBeInTheDocument()
+    })
+
+    it('renders code editor section', () => {
+      render(<SnippetDialog {...defaultProps} />)
+      // Code editor should be present (Monaco editor or fallback)
+      expect(screen.getByText(/code/i, { selector: 'label' })).toBeInTheDocument()
+    })
+  })
+
+  describe('Create Mode', () => {
+    it('starts with empty title input', () => {
+      render(<SnippetDialog {...defaultProps} />)
+      const titleInput = screen.getByTestId('snippet-title-input') as HTMLInputElement
+      expect(titleInput.value).toBe('')
+    })
+
+    it('renders code editor section', () => {
+      render(<SnippetDialog {...defaultProps} />)
+      // Check for code editor section - Monaco editor is complex to test
+      // At minimum, the dialog should have the code editor present
+      const dialog = screen.getByTestId('snippet-dialog')
+      expect(dialog).toBeInTheDocument()
+    })
+
+    it('allows entering title', async () => {
+      const user = userEvent.setup()
+      render(<SnippetDialog {...defaultProps} />)
+      const titleInput = screen.getByTestId('snippet-title-input') as HTMLInputElement
+
+      await user.type(titleInput, 'My New Snippet')
+      expect(titleInput.value).toBe('My New Snippet')
+    })
+
+    it('allows entering description', async () => {
+      const user = userEvent.setup()
+      render(<SnippetDialog {...defaultProps} />)
+      const descriptionTextarea = screen.getByTestId('snippet-description-textarea') as HTMLTextAreaElement
+
+      await user.type(descriptionTextarea, 'This is a description')
+      expect(descriptionTextarea.value).toBe('This is a description')
+    })
+
+    it('allows selecting language', async () => {
+      const user = userEvent.setup()
+      render(<SnippetDialog {...defaultProps} />)
+      const languageSelect = screen.getByTestId('snippet-language-select')
+
+      await user.click(languageSelect)
+      const pythonOption = screen.getByTestId('language-option-Python')
+      await user.click(pythonOption)
+
+      expect(languageSelect).toHaveTextContent('Python')
+    })
+  })
+
+  describe('Edit Mode', () => {
+    it('populates title with existing snippet data', () => {
+      render(<SnippetDialog {...defaultProps} editingSnippet={mockSnippet} />)
+      const titleInput = screen.getByTestId('snippet-title-input') as HTMLInputElement
+      expect(titleInput.value).toBe('Test Snippet')
+    })
+
+    it('populates description with existing snippet data', () => {
+      render(<SnippetDialog {...defaultProps} editingSnippet={mockSnippet} />)
+      const descriptionTextarea = screen.getByTestId('snippet-description-textarea') as HTMLTextAreaElement
+      expect(descriptionTextarea.value).toBe('A test snippet')
+    })
+
+    it('populates language with existing snippet data', () => {
+      render(<SnippetDialog {...defaultProps} editingSnippet={mockSnippet} />)
+      const languageSelect = screen.getByTestId('snippet-language-select')
+      expect(languageSelect).toHaveTextContent('JavaScript')
+    })
+
+    it('allows modifying existing snippet title', async () => {
+      const user = userEvent.setup()
+      render(<SnippetDialog {...defaultProps} editingSnippet={mockSnippet} />)
+      const titleInput = screen.getByTestId('snippet-title-input')
+
+      // Clear existing text and type new text
+      await user.tripleClick(titleInput)
+      await user.type(titleInput, 'Updated Snippet Title')
+      expect(titleInput).toHaveValue('Updated Snippet Title')
+    })
+  })
+
+  describe('Form Validation', () => {
+    it('shows error when title is empty and form is submitted', async () => {
+      const user = userEvent.setup()
+      render(<SnippetDialog {...defaultProps} />)
+
+      const saveButton = screen.getByTestId('snippet-dialog-save-btn')
+      await user.click(saveButton)
+
+      // Should show validation error
+      await waitFor(() => {
+        const titleInput = screen.getByTestId('snippet-title-input')
+        expect(titleInput).toHaveAttribute('aria-invalid', 'true')
+      })
+    })
+
+    it('shows error message for invalid title', async () => {
+      const user = userEvent.setup()
+      render(<SnippetDialog {...defaultProps} />)
+
+      const saveButton = screen.getByTestId('snippet-dialog-save-btn')
+      await user.click(saveButton)
+
+      // Should display error text
+      await waitFor(() => {
+        expect(screen.getByText(/required/i)).toBeInTheDocument()
+      })
+    })
+
+    it('prevents form submission with empty title', async () => {
+      const user = userEvent.setup()
+      render(<SnippetDialog {...defaultProps} />)
+
+      const saveButton = screen.getByTestId('snippet-dialog-save-btn')
+      await user.click(saveButton)
+
+      // onSave should not be called
+      expect(mockOnSave).not.toHaveBeenCalled()
+    })
+  })
+
+  describe('Form Submission', () => {
+    it('calls onSave with correct data when form is valid', async () => {
+      const user = userEvent.setup()
+      render(<SnippetDialog {...defaultProps} />)
+
+      const titleInput = screen.getByTestId('snippet-title-input')
+
+      await user.type(titleInput, 'New Snippet')
+
+      const saveButton = screen.getByTestId('snippet-dialog-save-btn')
+      await user.click(saveButton)
+
+      await waitFor(() => {
+        expect(mockOnSave).toHaveBeenCalled()
+      })
+    })
+
+    it('calls onOpenChange(false) after successful save', async () => {
+      const user = userEvent.setup()
+      render(<SnippetDialog {...defaultProps} />)
+
+      const titleInput = screen.getByTestId('snippet-title-input')
+
+      await user.type(titleInput, 'New Snippet')
+
+      const saveButton = screen.getByTestId('snippet-dialog-save-btn')
+      await user.click(saveButton)
+
+      await waitFor(() => {
+        expect(mockOnOpenChange).toHaveBeenCalledWith(false)
+      })
+    })
+
+    it('does not call onOpenChange when validation fails', async () => {
+      const user = userEvent.setup()
+      render(<SnippetDialog {...defaultProps} />)
+
+      const saveButton = screen.getByTestId('snippet-dialog-save-btn')
+      await user.click(saveButton)
+
+      expect(mockOnOpenChange).not.toHaveBeenCalled()
+    })
+  })
+
+  describe('Dialog Actions', () => {
+    it('renders cancel button', () => {
+      render(<SnippetDialog {...defaultProps} />)
+      const cancelButton = screen.getByTestId('snippet-dialog-cancel-btn')
+      expect(cancelButton).toBeInTheDocument()
+    })
+
+    it('renders save button with create label for new snippet', () => {
+      render(<SnippetDialog {...defaultProps} />)
+      const saveButton = screen.getByTestId('snippet-dialog-save-btn')
+      expect(saveButton).toHaveTextContent(/create/i)
+    })
+
+    it('renders save button with update label for existing snippet', () => {
+      render(<SnippetDialog {...defaultProps} editingSnippet={mockSnippet} />)
+      const saveButton = screen.getByTestId('snippet-dialog-save-btn')
+      expect(saveButton).toHaveTextContent(/update/i)
+    })
+
+    it('calls onOpenChange(false) when cancel button is clicked', async () => {
+      const user = userEvent.setup()
+      render(<SnippetDialog {...defaultProps} />)
+
+      const cancelButton = screen.getByTestId('snippet-dialog-cancel-btn')
+      await user.click(cancelButton)
+
+      expect(mockOnOpenChange).toHaveBeenCalledWith(false)
+    })
+  })
+
+  describe('Accessibility', () => {
+    it('dialog has proper role and aria attributes', () => {
+      render(<SnippetDialog {...defaultProps} />)
+      const dialog = screen.getByTestId('snippet-dialog')
+      expect(dialog).toHaveAttribute('role', 'dialog')
+      expect(dialog).toHaveAttribute('aria-modal', 'true')
+    })
+
+    it('form fields have associated labels', () => {
+      render(<SnippetDialog {...defaultProps} />)
+      const titleInput = screen.getByTestId('snippet-title-input')
+      expect(titleInput).toHaveAttribute('id', 'title')
+
+      const label = screen.getByText(/title/i, { selector: 'label' })
+      expect(label).toHaveAttribute('htmlFor', 'title')
+    })
+
+    it('invalid title has aria-invalid attribute', async () => {
+      const user = userEvent.setup()
+      render(<SnippetDialog {...defaultProps} />)
+
+      const saveButton = screen.getByTestId('snippet-dialog-save-btn')
+      await user.click(saveButton)
+
+      await waitFor(() => {
+        const titleInput = screen.getByTestId('snippet-title-input')
+        expect(titleInput).toHaveAttribute('aria-invalid', 'true')
+      })
+    })
+
+    it('error message is linked with aria-describedby', async () => {
+      const user = userEvent.setup()
+      render(<SnippetDialog {...defaultProps} />)
+
+      const saveButton = screen.getByTestId('snippet-dialog-save-btn')
+      await user.click(saveButton)
+
+      await waitFor(() => {
+        const titleInput = screen.getByTestId('snippet-title-input')
+        const describedById = titleInput.getAttribute('aria-describedby')
+        expect(describedById).toBeTruthy()
+        const errorElement = document.getElementById(describedById!)
+        expect(errorElement).toHaveTextContent(/required/i)
+      })
+    })
+
+    it('buttons have proper keyboard accessibility', async () => {
+      const user = userEvent.setup()
+      render(<SnippetDialog {...defaultProps} />)
+
+      const titleInput = screen.getByTestId('snippet-title-input')
+
+      // Focus first input
+      titleInput.focus()
+      expect(titleInput).toHaveFocus()
+
+      // Tab to other elements
+      await user.tab()
+      // Should move focus through form elements
+    })
+  })
+
+  describe('Edge Cases', () => {
+    it('handles very long title input', async () => {
+      const user = userEvent.setup()
+      render(<SnippetDialog {...defaultProps} />)
+
+      const longTitle = 'A'.repeat(500)
+      const titleInput = screen.getByTestId('snippet-title-input')
+      await user.type(titleInput, longTitle)
+
+      expect(titleInput).toHaveValue(longTitle)
+    })
+
+    it('handles special characters in title', async () => {
+      const user = userEvent.setup()
+      render(<SnippetDialog {...defaultProps} />)
+
+      const specialTitle = 'Title<>&"\'with special chars'
+      const titleInput = screen.getByTestId('snippet-title-input')
+      await user.type(titleInput, specialTitle)
+
+      expect(titleInput).toHaveValue(specialTitle)
+    })
+
+    it('handles rapid form interactions', async () => {
+      const user = userEvent.setup()
+      render(<SnippetDialog {...defaultProps} />)
+
+      const titleInput = screen.getByTestId('snippet-title-input')
+
+      // Type, clear, type rapidly
+      await user.type(titleInput, 'First')
+      await user.clear(titleInput)
+      await user.type(titleInput, 'Second')
+
+      expect(titleInput).toHaveValue('Second')
+    })
+
+    it('clears form data when creating new snippet after editing', () => {
+      const { rerender } = render(
+        <SnippetDialog {...defaultProps} editingSnippet={mockSnippet} />
+      )
+
+      // Re-render without editingSnippet
+      rerender(<SnippetDialog {...defaultProps} editingSnippet={undefined} />)
+
+      const titleInput = screen.getByTestId('snippet-title-input') as HTMLInputElement
+      expect(titleInput.value).toBe('')
+    })
+  })
+})
diff --git a/src/components/features/snippet-editor/SnippetFormFields.test.tsx b/src/components/features/snippet-editor/SnippetFormFields.test.tsx
new file mode 100644
index 0000000..c854869
--- /dev/null
+++ b/src/components/features/snippet-editor/SnippetFormFields.test.tsx
@@ -0,0 +1,367 @@
+import React from 'react'
+import { render, screen } from '@/test-utils'
+import userEvent from '@testing-library/user-event'
+import { SnippetFormFields } from './SnippetFormFields'
+
+describe('SnippetFormFields Component', () => {
+  const mockOnTitleChange = jest.fn()
+  const mockOnDescriptionChange = jest.fn()
+  const mockOnLanguageChange = jest.fn()
+
+  const defaultProps = {
+    title: '',
+    description: '',
+    language: 'JavaScript',
+    errors: {},
+    onTitleChange: mockOnTitleChange,
+    onDescriptionChange: mockOnDescriptionChange,
+    onLanguageChange: mockOnLanguageChange,
+  }
+
+  beforeEach(() => {
+    jest.clearAllMocks()
+  })
+
+  describe('Title Input', () => {
+    it('renders title input with label', () => {
+      render(<SnippetFormFields {...defaultProps} />)
+      const label = screen.getByText(/title/i, { selector: 'label' })
+      expect(label).toBeInTheDocument()
+
+      const titleInput = screen.getByTestId('snippet-title-input')
+      expect(titleInput).toBeInTheDocument()
+    })
+
+    it('displays required indicator for title', () => {
+      render(<SnippetFormFields {...defaultProps} />)
+      const requiredText = screen.getByText(/\*/i)
+      expect(requiredText).toBeInTheDocument()
+    })
+
+    it('renders title input with placeholder', () => {
+      render(<SnippetFormFields {...defaultProps} />)
+      const titleInput = screen.getByTestId('snippet-title-input') as HTMLInputElement
+      expect(titleInput).toHaveAttribute('placeholder', 'e.g., React Counter Component')
+    })
+
+    it('calls onTitleChange when title value changes', async () => {
+      const user = userEvent.setup()
+      render(<SnippetFormFields {...defaultProps} />)
+      const titleInput = screen.getByTestId('snippet-title-input')
+
+      await user.type(titleInput, 'New Title')
+
+      // Verify callback was called 9 times (once per character)
+      expect(mockOnTitleChange).toHaveBeenCalledTimes(9)
+      // Verify the last call contained the last character typed
+      expect(mockOnTitleChange).toHaveBeenLastCalledWith('e')
+    })
+
+    it('displays controlled value from props', () => {
+      render(<SnippetFormFields {...defaultProps} title="Existing Title" />)
+      const titleInput = screen.getByTestId('snippet-title-input') as HTMLInputElement
+      expect(titleInput.value).toBe('Existing Title')
+    })
+
+    it('shows error message when title error exists', () => {
+      render(
+        <SnippetFormFields
+          {...defaultProps}
+          errors={{ title: 'Title is required' }}
+        />
+      )
+      expect(screen.getByText('Title is required')).toBeInTheDocument()
+    })
+
+    it('marks title input as invalid when error exists', () => {
+      render(
+        <SnippetFormFields
+          {...defaultProps}
+          errors={{ title: 'Title is required' }}
+        />
+      )
+      const titleInput = screen.getByTestId('snippet-title-input')
+      expect(titleInput).toHaveAttribute('aria-invalid', 'true')
+    })
+
+    it('links error message with aria-describedby', () => {
+      render(
+        <SnippetFormFields
+          {...defaultProps}
+          errors={{ title: 'Title is required' }}
+        />
+      )
+      const titleInput = screen.getByTestId('snippet-title-input')
+      const describedById = titleInput.getAttribute('aria-describedby')
+      expect(describedById).toBeTruthy()
+      const errorElement = document.getElementById(describedById!)
+      expect(errorElement).toHaveTextContent('Title is required')
+    })
+
+    it('removes aria-describedby when error is cleared', () => {
+      const { rerender } = render(
+        <SnippetFormFields
+          {...defaultProps}
+          errors={{ title: 'Title is required' }}
+        />
+      )
+
+      rerender(<SnippetFormFields {...defaultProps} errors={{}} />)
+
+      const titleInput = screen.getByTestId('snippet-title-input')
+      expect(titleInput).not.toHaveAttribute('aria-describedby')
+    })
+
+    it('has correct input type', () => {
+      render(<SnippetFormFields {...defaultProps} />)
+      const titleInput = screen.getByTestId('snippet-title-input')
+      expect(titleInput).toHaveAttribute('type', 'text')
+    })
+  })
+
+  describe('Description Textarea', () => {
+    it('renders description textarea with label', () => {
+      render(<SnippetFormFields {...defaultProps} />)
+      const label = screen.getByText(/description/i, { selector: 'label' })
+      expect(label).toBeInTheDocument()
+
+      const descriptionTextarea = screen.getByTestId('snippet-description-textarea')
+      expect(descriptionTextarea).toBeInTheDocument()
+    })
+
+    it('renders textarea with placeholder', () => {
+      render(<SnippetFormFields {...defaultProps} />)
+      const descriptionTextarea = screen.getByTestId('snippet-description-textarea') as HTMLTextAreaElement
+      expect(descriptionTextarea).toHaveAttribute('placeholder', expect.stringContaining('description'))
+    })
+
+    it('calls onDescriptionChange when description value changes', async () => {
+      const user = userEvent.setup()
+      render(<SnippetFormFields {...defaultProps} />)
+      const descriptionTextarea = screen.getByTestId('snippet-description-textarea')
+
+      await user.type(descriptionTextarea, 'My description')
+
+      expect(mockOnDescriptionChange).toHaveBeenCalledTimes(14) // One call per character
+      expect(mockOnDescriptionChange).toHaveBeenLastCalledWith('My description')
+    })
+
+    it('displays controlled value from props', () => {
+      render(
+        <SnippetFormFields {...defaultProps} description="Existing description" />
+      )
+      const descriptionTextarea = screen.getByTestId('snippet-description-textarea') as HTMLTextAreaElement
+      expect(descriptionTextarea.value).toBe('Existing description')
+    })
+
+    it('handles multiline input', async () => {
+      const user = userEvent.setup()
+      render(<SnippetFormFields {...defaultProps} />)
+      const descriptionTextarea = screen.getByTestId('snippet-description-textarea')
+
+      await user.type(descriptionTextarea, 'Line 1{Enter}Line 2')
+
+      expect(descriptionTextarea).toHaveValue('Line 1\nLine 2')
+    })
+
+    it('has correct rows attribute', () => {
+      render(<SnippetFormFields {...defaultProps} />)
+      const descriptionTextarea = screen.getByTestId('snippet-description-textarea') as HTMLTextAreaElement
+      expect(descriptionTextarea.rows).toBe(2)
+    })
+
+    it('has aria-label attribute', () => {
+      render(<SnippetFormFields {...defaultProps} />)
+      const descriptionTextarea = screen.getByTestId('snippet-description-textarea')
+      expect(descriptionTextarea).toHaveAttribute('aria-label', expect.stringContaining('description'))
+    })
+  })
+
+  describe('Language Select', () => {
+    it('renders language select with label', () => {
+      render(<SnippetFormFields {...defaultProps} />)
+      const label = screen.getByText(/language/i, { selector: 'label' })
+      expect(label).toBeInTheDocument()
+
+      const languageSelect = screen.getByTestId('snippet-language-select')
+      expect(languageSelect).toBeInTheDocument()
+    })
+
+    it('displays currently selected language', () => {
+      render(<SnippetFormFields {...defaultProps} language="Python" />)
+      const languageSelect = screen.getByTestId('snippet-language-select')
+      expect(languageSelect).toHaveTextContent('Python')
+    })
+
+    it('renders all available language options', async () => {
+      const user = userEvent.setup()
+      render(<SnippetFormFields {...defaultProps} />)
+      const languageSelect = screen.getByTestId('snippet-language-select')
+
+      await user.click(languageSelect)
+
+      const languageOptions = screen.getAllByTestId(/language-option-/)
+      expect(languageOptions.length).toBeGreaterThan(0)
+    })
+
+    it('calls onLanguageChange when language is selected', async () => {
+      const user = userEvent.setup()
+      render(<SnippetFormFields {...defaultProps} />)
+      const languageSelect = screen.getByTestId('snippet-language-select')
+
+      await user.click(languageSelect)
+      const pythonOption = screen.getByTestId('language-option-Python')
+      await user.click(pythonOption)
+
+      expect(mockOnLanguageChange).toHaveBeenCalledWith('Python')
+    })
+
+    it('has aria-label attribute', () => {
+      render(<SnippetFormFields {...defaultProps} />)
+      const languageSelect = screen.getByTestId('snippet-language-select')
+      expect(languageSelect).toHaveAttribute('aria-label', expect.stringContaining('language'))
+    })
+
+    it('includes JavaScript as default language option', async () => {
+      render(<SnippetFormFields {...defaultProps} language="JavaScript" />)
+      const languageSelect = screen.getByTestId('snippet-language-select')
+      expect(languageSelect).toHaveTextContent('JavaScript')
+    })
+
+    it('includes Python as language option', async () => {
+      const user = userEvent.setup()
+      render(<SnippetFormFields {...defaultProps} />)
+      const languageSelect = screen.getByTestId('snippet-language-select')
+
+      await user.click(languageSelect)
+      const pythonOption = screen.getByTestId('language-option-Python')
+      expect(pythonOption).toBeInTheDocument()
+    })
+  })
+
+  describe('Field Organization', () => {
+    it('renders fields in logical order', () => {
+      render(<SnippetFormFields {...defaultProps} />)
+
+      const titleInput = screen.getByTestId('snippet-title-input')
+      const languageSelect = screen.getByTestId('snippet-language-select')
+      const descriptionTextarea = screen.getByTestId('snippet-description-textarea')
+
+      const titlePosition = titleInput.compareDocumentPosition(languageSelect)
+      const languagePosition = languageSelect.compareDocumentPosition(descriptionTextarea)
+
+      // Should be in document order (before = 4)
+      expect(titlePosition & Node.DOCUMENT_POSITION_FOLLOWING).toBe(
+        Node.DOCUMENT_POSITION_FOLLOWING
+      )
+      expect(languagePosition & Node.DOCUMENT_POSITION_FOLLOWING).toBe(
+        Node.DOCUMENT_POSITION_FOLLOWING
+      )
+    })
+  })
+
+  describe('Accessibility', () => {
+    it('all inputs have proper labels', () => {
+      render(<SnippetFormFields {...defaultProps} />)
+
+      const titleLabel = screen.getByText(/title/i, { selector: 'label' })
+      const languageLabel = screen.getByText(/language/i, { selector: 'label' })
+      const descriptionLabel = screen.getByText(/description/i, { selector: 'label' })
+
+      expect(titleLabel).toBeInTheDocument()
+      expect(languageLabel).toBeInTheDocument()
+      expect(descriptionLabel).toBeInTheDocument()
+    })
+
+    it('title and language labels have htmlFor attribute', () => {
+      render(<SnippetFormFields {...defaultProps} />)
+
+      const titleLabel = screen.getByText(/title/i, { selector: 'label' })
+      const languageLabel = screen.getByText(/language/i, { selector: 'label' })
+
+      expect(titleLabel).toHaveAttribute('htmlFor', 'title')
+      expect(languageLabel).toHaveAttribute('htmlFor', 'language')
+    })
+
+    it('all inputs are keyboard navigable', async () => {
+      const user = userEvent.setup()
+      render(<SnippetFormFields {...defaultProps} />)
+
+      const titleInput = screen.getByTestId('snippet-title-input')
+      titleInput.focus()
+      expect(titleInput).toHaveFocus()
+
+      // Tab to next input
+      await user.tab()
+      // Focus should move to next element
+    })
+
+    it('error states are properly announced', () => {
+      render(
+        <SnippetFormFields
+          {...defaultProps}
+          errors={{ title: 'Title is required' }}
+        />
+      )
+
+      const titleInput = screen.getByTestId('snippet-title-input')
+      expect(titleInput).toHaveAttribute('aria-invalid', 'true')
+      expect(titleInput).toHaveAttribute('aria-describedby')
+    })
+  })
+
+  describe('Edge Cases', () => {
+    it('handles empty string values', () => {
+      render(<SnippetFormFields {...defaultProps} title="" description="" />)
+      const titleInput = screen.getByTestId('snippet-title-input') as HTMLInputElement
+      const descriptionTextarea = screen.getByTestId('snippet-description-textarea') as HTMLTextAreaElement
+
+      expect(titleInput.value).toBe('')
+      expect(descriptionTextarea.value).toBe('')
+    })
+
+    it('handles very long text input', () => {
+      const longText = 'A'.repeat(1000)
+      render(<SnippetFormFields {...defaultProps} title={longText} />)
+      const titleInput = screen.getByTestId('snippet-title-input') as HTMLInputElement
+
+      expect(titleInput.value).toBe(longText)
+    })
+
+    it('handles special characters in input', () => {
+      const specialText = '<script>alert("xss")</script>'
+      render(<SnippetFormFields {...defaultProps} description={specialText} />)
+      const descriptionTextarea = screen.getByTestId('snippet-description-textarea') as HTMLTextAreaElement
+
+      expect(descriptionTextarea.value).toBe(specialText)
+    })
+
+    it('handles rapid changes to all fields', async () => {
+      const user = userEvent.setup()
+      render(<SnippetFormFields {...defaultProps} />)
+
+      const titleInput = screen.getByTestId('snippet-title-input')
+      const descriptionTextarea = screen.getByTestId('snippet-description-textarea')
+      const languageSelect = screen.getByTestId('snippet-language-select')
+
+      // Make rapid changes
+      await user.type(titleInput, 'Title')
+      await user.type(descriptionTextarea, 'Description')
+      await user.click(languageSelect)
+
+      expect(mockOnTitleChange).toHaveBeenCalled()
+      expect(mockOnDescriptionChange).toHaveBeenCalled()
+    })
+
+    it('updates when props change', () => {
+      const { rerender } = render(<SnippetFormFields {...defaultProps} />)
+
+      let titleInput = screen.getByTestId('snippet-title-input') as HTMLInputElement
+      expect(titleInput.value).toBe('')
+
+      rerender(<SnippetFormFields {...defaultProps} title="Updated Title" />)
+      titleInput = screen.getByTestId('snippet-title-input') as HTMLInputElement
+      expect(titleInput.value).toBe('Updated Title')
+    })
+  })
+})
diff --git a/src/components/features/snippet-editor/SplitScreenEditor.tsx b/src/components/features/snippet-editor/SplitScreenEditor.tsx
index 138387d..66a9d3e 100644
--- a/src/components/features/snippet-editor/SplitScreenEditor.tsx
+++ b/src/components/features/snippet-editor/SplitScreenEditor.tsx
@@ -5,7 +5,6 @@ import { PythonOutput } from '@/components/features/python-runner/PythonOutput'
 import { Button } from '@/components/ui/button'
 import { Code, Eye, SplitHorizontal } from '@phosphor-icons/react'
 import { InputParameter } from '@/lib/types'
-import { cn } from '@/lib/utils'
 
 interface SplitScreenEditorProps {
   value: string
diff --git a/src/components/layout/navigation/Navigation.test.tsx b/src/components/layout/navigation/Navigation.test.tsx
new file mode 100644
index 0000000..b2bc64f
--- /dev/null
+++ b/src/components/layout/navigation/Navigation.test.tsx
@@ -0,0 +1,131 @@
+import React from 'react'
+import { render, screen } from '@/test-utils'
+import userEvent from '@testing-library/user-event'
+import { Navigation } from './Navigation'
+import { NavigationProvider } from './NavigationProvider'
+
+// Wrapper component that includes NavigationProvider
+const NavigationWithProvider = () => (
+  <NavigationProvider>
+    <Navigation />
+  </NavigationProvider>
+)
+
+describe('Navigation Component', () => {
+  describe('Rendering', () => {
+    it('renders navigation toggle button', () => {
+      render(<NavigationWithProvider />)
+      const button = screen.getByRole('button', { name: /toggle navigation menu/i })
+      expect(button).toBeInTheDocument()
+    })
+
+    it('renders button with correct test ID', () => {
+      render(<NavigationWithProvider />)
+      const button = screen.getByTestId('navigation-toggle-btn')
+      expect(button).toBeInTheDocument()
+    })
+
+    it('renders button with hamburger icon', () => {
+      render(<NavigationWithProvider />)
+      const button = screen.getByTestId('navigation-toggle-btn')
+      // Phosphor Icon should be rendered
+      expect(button.querySelector('svg')).toBeInTheDocument()
+    })
+
+    it('has proper accessibility attributes', () => {
+      render(<NavigationWithProvider />)
+      const button = screen.getByTestId('navigation-toggle-btn')
+      expect(button).toHaveAttribute('aria-label', 'Toggle navigation menu')
+      expect(button).toHaveAttribute('aria-expanded')
+      expect(button).toHaveAttribute('aria-controls', 'navigation-sidebar')
+    })
+  })
+
+  describe('Toggle State', () => {
+    it('starts with aria-expanded false', () => {
+      render(<NavigationWithProvider />)
+      const button = screen.getByTestId('navigation-toggle-btn')
+      expect(button).toHaveAttribute('aria-expanded', 'false')
+    })
+
+    it('toggles aria-expanded when clicked', async () => {
+      const user = userEvent.setup()
+      render(<NavigationWithProvider />)
+      const button = screen.getByTestId('navigation-toggle-btn')
+
+      // Initial state
+      expect(button).toHaveAttribute('aria-expanded', 'false')
+
+      // Click to open
+      await user.click(button)
+      expect(button).toHaveAttribute('aria-expanded', 'true')
+
+      // Click to close
+      await user.click(button)
+      expect(button).toHaveAttribute('aria-expanded', 'false')
+    })
+
+    it('is keyboard accessible with Enter key', async () => {
+      const user = userEvent.setup()
+      render(<NavigationWithProvider />)
+      const button = screen.getByTestId('navigation-toggle-btn')
+
+      // Focus and press Enter
+      button.focus()
+      await user.keyboard('{Enter}')
+      expect(button).toHaveAttribute('aria-expanded', 'true')
+    })
+
+    it('is keyboard accessible with Space key', async () => {
+      const user = userEvent.setup()
+      render(<NavigationWithProvider />)
+      const button = screen.getByTestId('navigation-toggle-btn')
+
+      // Focus and press Space
+      button.focus()
+      await user.keyboard(' ')
+      expect(button).toHaveAttribute('aria-expanded', 'true')
+    })
+  })
+
+  describe('Accessibility', () => {
+    it('button is a button element', () => {
+      render(<NavigationWithProvider />)
+      const button = screen.getByRole('button', { name: /toggle navigation menu/i })
+      expect(button.tagName).toBe('BUTTON')
+    })
+
+    it('icon is hidden from screen readers', () => {
+      render(<NavigationWithProvider />)
+      const button = screen.getByTestId('navigation-toggle-btn')
+      const icon = button.querySelector('svg')
+      // Icon should have aria-hidden or be within button with aria-label
+      if (icon) {
+        expect(icon).toHaveAttribute('aria-hidden', 'true')
+      }
+      // Button has aria-label so icon is implicitly hidden from screen readers
+      expect(button).toHaveAttribute('aria-label')
+    })
+
+    it('can be focused with Tab key', () => {
+      render(<NavigationWithProvider />)
+      const button = screen.getByTestId('navigation-toggle-btn')
+      button.focus()
+      expect(button).toHaveFocus()
+    })
+  })
+
+  describe('Styling & DOM', () => {
+    it('has CSS class for styling', () => {
+      render(<NavigationWithProvider />)
+      const button = screen.getByTestId('navigation-toggle-btn')
+      expect(button.className).toContain('nav-burger-btn')
+    })
+
+    it('button is not disabled', () => {
+      render(<NavigationWithProvider />)
+      const button = screen.getByRole('button', { name: /toggle navigation menu/i })
+      expect(button).not.toBeDisabled()
+    })
+  })
+})
diff --git a/src/components/layout/navigation/NavigationSidebar.test.tsx b/src/components/layout/navigation/NavigationSidebar.test.tsx
index d3b8f7d..187b3d5 100644
--- a/src/components/layout/navigation/NavigationSidebar.test.tsx
+++ b/src/components/layout/navigation/NavigationSidebar.test.tsx
@@ -1,6 +1,5 @@
 import React from 'react'
-import { render, screen } from '@testing-library/react'
-import userEvent from '@testing-library/user-event'
+import { render, screen } from '@/test-utils'
 import { NavigationSidebar } from './NavigationSidebar'
 import { NavigationProvider } from './NavigationProvider'
 
diff --git a/src/components/ui/accordion.tsx b/src/components/ui/accordion.tsx
index b2e66fb..fb812d6 100644
--- a/src/components/ui/accordion.tsx
+++ b/src/components/ui/accordion.tsx
@@ -1,4 +1,4 @@
-import { ComponentProps, forwardRef, useState, createContext, useContext } from "react"
+import React, { ComponentProps, forwardRef, useState, createContext, useContext } from "react"
 import { cn } from "@/lib/utils"
 import { CaretDown } from "@phosphor-icons/react"
 
@@ -77,13 +77,18 @@ AccordionItem.displayName = "AccordionItem"
 export const AccordionTrigger = forwardRef<HTMLButtonElement, ComponentProps<"button">>(
   ({ className, children, ...props }, ref) => {
     const context = useContext(AccordionContext)
-    const item = (ref as any)?.current?.closest("[data-value]")
-    const value = item?.getAttribute("data-value") || ""
-    
+    const [value, setValue] = React.useState("")
+
+    React.useEffect(() => {
+      if (!ref || typeof ref === "function") return
+      const item = ref.current?.closest("[data-value]")
+      setValue(item?.getAttribute("data-value") || "")
+    }, [ref])
+
     return (
-      <button 
-        ref={ref} 
-        className={cn("mat-expansion-panel-header", className)} 
+      <button
+        ref={ref}
+        className={cn("mat-expansion-panel-header", className)}
         onClick={() => context?.toggleItem(value)}
         {...props}
       >
@@ -102,17 +107,22 @@ AccordionTrigger.displayName = "AccordionTrigger"
 export const AccordionContent = forwardRef<HTMLDivElement, ComponentProps<"div">>(
   ({ className, children, ...props }, ref) => {
     const context = useContext(AccordionContext)
-    const item = (ref as any)?.current?.closest("[data-value]")
-    const value = item?.getAttribute("data-value") || ""
+    const [value, setValue] = React.useState("")
     const isExpanded = context?.openItems.has(value)
-    
+
+    React.useEffect(() => {
+      if (!ref || typeof ref === "function") return
+      const item = ref.current?.closest("[data-value]")
+      setValue(item?.getAttribute("data-value") || "")
+    }, [ref])
+
     if (!isExpanded) return null
-    
+
     return (
       <div className="mat-expansion-panel-content">
-        <div 
-          ref={ref} 
-          className={cn("mat-expansion-panel-body", className)} 
+        <div
+          ref={ref}
+          className={cn("mat-expansion-panel-body", className)}
           {...props}
         >
           {children}
diff --git a/src/components/ui/alert.test.tsx b/src/components/ui/alert.test.tsx
index b787805..0693684 100644
--- a/src/components/ui/alert.test.tsx
+++ b/src/components/ui/alert.test.tsx
@@ -4,7 +4,7 @@ import { render, screen } from '@/test-utils'
 // Since this is a utility component, we test the role and basic structure
 describe('Alert Component', () => {
   it('renders with alert role', () => {
-    const { container } = render(
+    render(
       <div role="alert" data-slot="alert" className="relative w-full rounded-lg border p-4">
         Alert content
       </div>
@@ -13,7 +13,7 @@ describe('Alert Component', () => {
   })
 
   it('applies default variant classes', () => {
-    const { container } = render(
+    render(
       <div role="alert" className="bg-background text-foreground">
         Default alert
       </div>
@@ -22,7 +22,7 @@ describe('Alert Component', () => {
   })
 
   it('applies destructive variant classes', () => {
-    const { container } = render(
+    render(
       <div role="alert" className="border-destructive/50 text-destructive">
         Error alert
       </div>
@@ -31,7 +31,7 @@ describe('Alert Component', () => {
   })
 
   it('supports custom className prop', () => {
-    const { container } = render(
+    render(
       <div role="alert" className="custom-class">
         Custom alert
       </div>
diff --git a/src/components/ui/aspect-ratio.tsx b/src/components/ui/aspect-ratio.tsx
index 85096cf..78307e1 100644
--- a/src/components/ui/aspect-ratio.tsx
+++ b/src/components/ui/aspect-ratio.tsx
@@ -1,5 +1,4 @@
 import { ComponentProps } from "react"
-import { cn } from "@/lib/utils"
 
 interface AspectRatioProps extends ComponentProps<"div"> {
   ratio?: number
diff --git a/src/components/ui/avatar.tsx b/src/components/ui/avatar.tsx
index 616c68d..64953de 100644
--- a/src/components/ui/avatar.tsx
+++ b/src/components/ui/avatar.tsx
@@ -35,7 +35,7 @@ function AvatarImage({
     <img
       data-slot="avatar-image"
       className={cn("aspect-square size-full object-cover", className)}
-      onError={(e) => {
+      onError={() => {
         setHasError(true)
         onError?.()
       }}
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
index fe9e375..cfe014e 100644
--- a/src/components/ui/button.tsx
+++ b/src/components/ui/button.tsx
@@ -8,7 +8,7 @@ interface ButtonProps extends ComponentProps<"button"> {
 }
 
 export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
-  ({ className, variant = "filled", size = "default", children, asChild, ...props }, ref) => {
+  ({ className, variant = "filled", children, asChild, ...props }, ref) => {
     const Comp = asChild ? "span" : "button"
 
     const variantClass = {
@@ -36,5 +36,3 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
   }
 )
 Button.displayName = "Button"
-
-export const buttonVariants = () => "" // Stub for compatibility
diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
index e6c9c91..49ed953 100644
--- a/src/components/ui/dialog.tsx
+++ b/src/components/ui/dialog.tsx
@@ -6,16 +6,18 @@ import { createPortal } from "react-dom"
 import { cn } from "@/lib/utils"
 
 interface DialogProps {
-  open?: boolean
-  onOpenChange?: (open: boolean) => void
   children: React.ReactNode
 }
 
-function Dialog({ open, onOpenChange, children }: DialogProps) {
+function Dialog({ children }: DialogProps) {
   return <>{children}</>
 }
 
-function DialogTrigger({ children, onClick, asChild = false, ...props }: ComponentProps<"button"> & { asChild?: boolean }) {
+interface DialogTriggerProps extends Omit<ComponentProps<"button">, "asChild"> {
+  asChild?: boolean
+}
+
+function DialogTrigger({ children, onClick, asChild = false, ...props }: DialogTriggerProps) {
   const Comp = asChild ? "div" : "button"
 
   return (
diff --git a/src/components/ui/dropdown-menu.tsx b/src/components/ui/dropdown-menu.tsx
index c070f35..6820f8c 100644
--- a/src/components/ui/dropdown-menu.tsx
+++ b/src/components/ui/dropdown-menu.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import { ComponentProps, createContext, useContext, useState, useRef, useEffect } from "react"
+import React, { ComponentProps, createContext, useContext, useState, useRef, useEffect } from "react"
 import { createPortal } from "react-dom"
 import { cn } from "@/lib/utils"
 
@@ -54,8 +54,6 @@ function DropdownMenuTrigger({ children, asChild, className, ...props }: Compone
 
 function DropdownMenuContent({
   className,
-  align = "center",
-  sideOffset = 8,
   children,
   ...props
 }: ComponentProps<"div"> & { align?: "start" | "center" | "end"; sideOffset?: number }) {
@@ -114,7 +112,6 @@ function DropdownMenuGroup({ children }: { children: React.ReactNode }) {
 
 function DropdownMenuItem({
   className,
-  inset,
   variant = "default",
   onClick,
   children,
@@ -195,7 +192,7 @@ function DropdownMenuRadioItem({
   )
 }
 
-function DropdownMenuLabel({ className, inset, ...props }: ComponentProps<"div"> & { inset?: boolean }) {
+function DropdownMenuLabel({ className, ...props }: ComponentProps<"div"> & { inset?: boolean }) {
   return (
     <div
       className={cn("mat-mdc-optgroup-label", className)}
@@ -230,7 +227,6 @@ function DropdownMenuSub({ children }: { children: React.ReactNode }) {
 
 function DropdownMenuSubTrigger({
   className,
-  inset,
   children,
   ...props
 }: ComponentProps<"button"> & { inset?: boolean }) {
diff --git a/src/components/ui/popover.tsx b/src/components/ui/popover.tsx
index e2ecefc..08205b2 100644
--- a/src/components/ui/popover.tsx
+++ b/src/components/ui/popover.tsx
@@ -43,8 +43,6 @@ function PopoverTrigger({ children, asChild, ...props }: ComponentProps<"button"
 
 function PopoverContent({
   className,
-  align = "center",
-  sideOffset = 8,
   children,
   ...props
 }: ComponentProps<"div"> & {
diff --git a/src/components/ui/sheet.tsx b/src/components/ui/sheet.tsx
index a54b147..0ab7843 100644
--- a/src/components/ui/sheet.tsx
+++ b/src/components/ui/sheet.tsx
@@ -1,7 +1,7 @@
 "use client"
 
 import * as React from "react"
-import { ComponentProps, ReactNode, useState, useRef, useEffect } from "react"
+import { ComponentProps, ReactNode, useState } from "react"
 import { X } from "@phosphor-icons/react"
 import { cn } from "@/lib/utils"
 
diff --git a/src/components/ui/textarea.tsx b/src/components/ui/textarea.tsx
index 9f9a6dc..e1c3697 100644
--- a/src/components/ui/textarea.tsx
+++ b/src/components/ui/textarea.tsx
@@ -2,8 +2,8 @@ import * as React from "react"
 
 import { cn } from "@/lib/utils"
 
-export interface TextareaProps
-  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
+export type TextareaProps =
+  React.TextareaHTMLAttributes<HTMLTextAreaElement>
 
 const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
   ({ className, ...props }, ref) => {
diff --git a/src/components/ui/tooltip.test.tsx b/src/components/ui/tooltip.test.tsx
index 3093adb..fce3cef 100644
--- a/src/components/ui/tooltip.test.tsx
+++ b/src/components/ui/tooltip.test.tsx
@@ -1,19 +1,358 @@
 import React from 'react'
-import { render  } from '@/test-utils'
+import { render, screen, waitFor } from '@/test-utils'
+import userEvent from '@testing-library/user-event'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from './tooltip'
 
 describe('Tooltip Component', () => {
-  it('renders without crashing', () => {
-    const { container } = render(<div>Tooltip</div>)
-    expect(container).toBeInTheDocument()
+  describe('Rendering', () => {
+    it('renders tooltip provider wrapper', () => {
+      render(
+        <TooltipProvider>
+          <div data-testid="child">Test Content</div>
+        </TooltipProvider>
+      )
+
+      expect(screen.getByTestId('child')).toBeInTheDocument()
+    })
+
+    it('renders trigger element when wrapped in Tooltip', () => {
+      render(
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <button>Hover me</button>
+            </TooltipTrigger>
+            <TooltipContent>Tooltip text</TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+      )
+
+      expect(screen.getByRole('button', { name: 'Hover me' })).toBeInTheDocument()
+    })
+
+    it('renders tooltip trigger and content structure', () => {
+      render(
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <button>Trigger</button>
+            </TooltipTrigger>
+            <TooltipContent>Tooltip content</TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+      )
+
+      // Trigger should be rendered (content renders when open)
+      expect(screen.getByRole('button', { name: 'Trigger' })).toBeInTheDocument()
+    })
   })
 
-  it('has correct structure', () => {
-    const { getByText } = render(<div>Tooltip</div>)
-    expect(getByText('Tooltip')).toBeInTheDocument()
+  describe('User Interactions', () => {
+    it('handles tooltip trigger click', async () => {
+      const user = userEvent.setup()
+
+      render(
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <button>Show Tooltip</button>
+            </TooltipTrigger>
+            <TooltipContent>Content displayed</TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+      )
+
+      const trigger = screen.getByRole('button', { name: 'Show Tooltip' })
+      await user.click(trigger)
+
+      await waitFor(() => {
+        expect(screen.getByText('Content displayed')).toBeInTheDocument()
+      })
+    })
+
+    it('shows tooltip on hover', async () => {
+      const user = userEvent.setup()
+
+      render(
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <button>Hover trigger</button>
+            </TooltipTrigger>
+            <TooltipContent>Hover content</TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+      )
+
+      const trigger = screen.getByRole('button', { name: 'Hover trigger' })
+      await user.hover(trigger)
+
+      await waitFor(() => {
+        expect(screen.getByText('Hover content')).toBeInTheDocument()
+      })
+    })
+
+    it('hides tooltip on unhover', async () => {
+      const user = userEvent.setup()
+
+      render(
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <button>Hover me</button>
+            </TooltipTrigger>
+            <TooltipContent>Tooltip</TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+      )
+
+      const trigger = screen.getByRole('button', { name: 'Hover me' })
+
+      // Hover in
+      await user.hover(trigger)
+      await waitFor(() => {
+        expect(screen.getByText('Tooltip')).toBeInTheDocument()
+      })
+
+      // Unhover
+      await user.unhover(trigger)
+
+      // Content should be removed or hidden
+      await waitFor(
+        () => {
+          const tooltip = screen.queryByText('Tooltip')
+          // Depending on implementation, it might be removed or hidden
+          if (tooltip) {
+            expect(tooltip.closest('[role="tooltip"]')).toHaveStyle({ visibility: 'hidden' })
+          }
+        },
+        { timeout: 500 }
+      )
+    })
   })
 
-  it('supports custom classes', () => {
-    const { container } = render(<div className="custom-class">Tooltip</div>)
-    expect(container.firstChild).toHaveClass('custom-class')
+  describe('Accessibility', () => {
+    it('has tooltip role on content when displayed', async () => {
+      const user = userEvent.setup()
+      render(
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <button>Info</button>
+            </TooltipTrigger>
+            <TooltipContent role="tooltip">Helper text</TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+      )
+
+      const trigger = screen.getByRole('button', { name: 'Info' })
+      await user.hover(trigger)
+
+      await waitFor(() => {
+        const tooltip = screen.getByRole('tooltip')
+        expect(tooltip).toBeInTheDocument()
+      }, { timeout: 800 })
+    })
+
+    it('trigger is keyboard focusable', async () => {
+      const user = userEvent.setup()
+
+      render(
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <button>Focus me</button>
+            </TooltipTrigger>
+            <TooltipContent>Info</TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+      )
+
+      const trigger = screen.getByRole('button', { name: 'Focus me' })
+      await user.tab()
+
+      expect(trigger).toHaveFocus()
+    })
+
+    it('supports aria-label on trigger', () => {
+      render(
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <button aria-label="Information button">?</button>
+            </TooltipTrigger>
+            <TooltipContent>More information</TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+      )
+
+      const trigger = screen.getByLabelText('Information button')
+      expect(trigger).toBeInTheDocument()
+    })
+  })
+
+  describe('Styling & Classes', () => {
+    it('applies custom className to trigger', () => {
+      render(
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <button className="custom-trigger">Styled</button>
+            </TooltipTrigger>
+            <TooltipContent>Content</TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+      )
+
+      const trigger = screen.getByRole('button', { name: 'Styled' })
+      expect(trigger).toHaveClass('custom-trigger')
+    })
+
+    it('applies custom className to content', async () => {
+      const user = userEvent.setup()
+      render(
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <button>Show</button>
+            </TooltipTrigger>
+            <TooltipContent className="custom-content">Custom styled</TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+      )
+
+      const trigger = screen.getByRole('button', { name: 'Show' })
+      await user.hover(trigger)
+
+      await waitFor(() => {
+        const content = screen.getByText('Custom styled')
+        expect(content).toHaveClass('custom-content')
+      }, { timeout: 800 })
+    })
+  })
+
+  describe('Multiple Tooltips', () => {
+    it('renders multiple tooltips independently', async () => {
+      const user = userEvent.setup()
+
+      render(
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <button>First</button>
+            </TooltipTrigger>
+            <TooltipContent>First tooltip</TooltipContent>
+          </Tooltip>
+
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <button>Second</button>
+            </TooltipTrigger>
+            <TooltipContent>Second tooltip</TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+      )
+
+      const firstTrigger = screen.getByRole('button', { name: 'First' })
+      const secondTrigger = screen.getByRole('button', { name: 'Second' })
+
+      await user.hover(firstTrigger)
+      await waitFor(() => {
+        expect(screen.getByText('First tooltip')).toBeInTheDocument()
+      })
+
+      await user.unhover(firstTrigger)
+      await user.hover(secondTrigger)
+
+      await waitFor(() => {
+        expect(screen.getByText('Second tooltip')).toBeInTheDocument()
+      })
+    })
+  })
+
+  describe('Content Variations', () => {
+    it('supports text content when opened', async () => {
+      const user = userEvent.setup()
+      render(
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <button>Info</button>
+            </TooltipTrigger>
+            <TooltipContent>Simple text</TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+      )
+
+      const trigger = screen.getByRole('button', { name: 'Info' })
+      await user.hover(trigger)
+
+      await waitFor(() => {
+        expect(screen.getByText('Simple text')).toBeInTheDocument()
+      }, { timeout: 800 })
+    })
+
+    it('supports React node content when opened', async () => {
+      const user = userEvent.setup()
+      render(
+        <TooltipProvider>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <button>Help</button>
+            </TooltipTrigger>
+            <TooltipContent>
+              <div>
+                <strong>Title</strong>
+                <p>Description</p>
+              </div>
+            </TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+      )
+
+      const trigger = screen.getByRole('button', { name: 'Help' })
+      await user.hover(trigger)
+
+      await waitFor(() => {
+        expect(screen.getByText('Title')).toBeInTheDocument()
+        expect(screen.getByText('Description')).toBeInTheDocument()
+      }, { timeout: 800 })
+    })
+  })
+
+  describe('Delay Configuration', () => {
+    it('respects custom delay duration on provider', async () => {
+      const user = userEvent.setup()
+
+      render(
+        <TooltipProvider delayDuration={500}>
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <button>Delayed</button>
+            </TooltipTrigger>
+            <TooltipContent>Appears after delay</TooltipContent>
+          </Tooltip>
+        </TooltipProvider>
+      )
+
+      const trigger = screen.getByRole('button', { name: 'Delayed' })
+      await user.hover(trigger)
+
+      // Content should not appear immediately
+      expect(screen.queryByText('Appears after delay')).not.toBeInTheDocument()
+
+      // Wait for delay and verify content appears
+      await waitFor(
+        () => {
+          expect(screen.getByText('Appears after delay')).toBeInTheDocument()
+        },
+        { timeout: 600 }
+      )
+    })
   })
 })
diff --git a/src/components/ui/tooltip.tsx b/src/components/ui/tooltip.tsx
index adfa166..470d8db 100644
--- a/src/components/ui/tooltip.tsx
+++ b/src/components/ui/tooltip.tsx
@@ -11,7 +11,7 @@ interface TooltipContextValue {
 
 const TooltipContext = React.createContext<TooltipContextValue | null>(null)
 
-function TooltipProvider({ children, delayDuration = 700 }: { children: React.ReactNode; delayDuration?: number }) {
+function TooltipProvider({ children }: { children: React.ReactNode; delayDuration?: number }) {
   return <>{children}</>
 }
 
@@ -63,7 +63,6 @@ function TooltipTrigger({ children, asChild, ...props }: ComponentProps<"button"
 
 function TooltipContent({
   className,
-  sideOffset = 4,
   children,
   ...props
 }: ComponentProps<"div"> & { sideOffset?: number }) {
diff --git a/src/hooks/useSnippetForm.ts b/src/hooks/useSnippetForm.ts
index 6eaa3e4..9c3eebe 100644
--- a/src/hooks/useSnippetForm.ts
+++ b/src/hooks/useSnippetForm.ts
@@ -12,9 +12,9 @@ export function useSnippetForm(editingSnippet?: Snippet | null, open?: boolean)
   const [inputParameters, setInputParameters] = useState<InputParameter[]>([])
   const [errors, setErrors] = useState<{ title?: string; code?: string }>({})
 
-  /* eslint-disable react-hooks/set-state-in-effect */
+  /* eslint-disable react-hooks/exhaustive-deps */
   // This effect hydrates the form when the dialog opens or when a different snippet is selected for editing.
-  // The state reset is intentional user-facing behavior.
+  // The state reset is intentional user-facing behavior. We intentionally omit state setters from deps.
   useEffect(() => {
     if (editingSnippet) {
       setTitle(editingSnippet.title)
@@ -35,7 +35,7 @@ export function useSnippetForm(editingSnippet?: Snippet | null, open?: boolean)
     }
     setErrors({})
   }, [editingSnippet, open])
-  /* eslint-enable react-hooks/set-state-in-effect */
+  /* eslint-enable react-hooks/exhaustive-deps */
 
   const handleAddParameter = () => {
     setInputParameters((prev) => [
diff --git a/src/lib/monaco-config.ts b/src/lib/monaco-config.ts
index ae6425c..4574357 100644
--- a/src/lib/monaco-config.ts
+++ b/src/lib/monaco-config.ts
@@ -1,20 +1,5 @@
 import type { Monaco } from '@monaco-editor/react'
 
-const shadcnTypes = `
-// ...
-  declare module '@/components/ui/button' {
-    export interface ButtonProps {
-      children: React.ReactNode;
-      className?: string;
-      onClick?: () => void;
-      variant?: string;
-      size?: string;
-    }
-    export function Button(props: ButtonProps): JSX.Element;
-  }
-// ...
-`;
-
 /**
  * Configure TypeScript support in Monaco Editor
  */
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index f74c5aa..73f768e 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -20,7 +20,7 @@ export function formatBytes(bytes: number): string {
 /**
  * Debounce function
  */
-export function debounce<T extends (...args: any[]) => any>(
+export function debounce<T extends (...args: Array<unknown>) => unknown>(
   func: T,
   wait: number
 ): (...args: Parameters<T>) => void {
diff --git a/test-results/.last-run.json b/test-results/.last-run.json
index b37eb5b..cec5a3a 100644
--- a/test-results/.last-run.json
+++ b/test-results/.last-run.json
@@ -1,62 +1,36 @@
 {
   "status": "failed",
   "failedTests": [
-    "de3fe77d9cd03b86108c-c5f5016478a1ae64c121",
-    "de3fe77d9cd03b86108c-78ed74c608489cc84277",
     "4c417112e9b5ef367775-fe58820c58dd3305e2a5",
     "4c417112e9b5ef367775-4913a861bcaa3a829041",
-    "4c417112e9b5ef367775-68c877516446fc09b6c2",
-    "4c417112e9b5ef367775-53ac6d43abf3ad4081f2",
-    "4c417112e9b5ef367775-d69aa086c3b4adbab0ed",
-    "4c417112e9b5ef367775-233190f40780aed70d99",
+    "4c417112e9b5ef367775-c4b78eeb320541ebe609",
     "4c417112e9b5ef367775-537bdd841164f2ec770c",
-    "67b17fe0f3941bca08c4-2305f8eda1d4c9b2e1b5",
-    "67b17fe0f3941bca08c4-4841ae67974c033665ca",
+    "4c417112e9b5ef367775-a7698b26aa24fd99b830",
+    "67b17fe0f3941bca08c4-95f683fcaae444a8de2e",
+    "67b17fe0f3941bca08c4-b9387e5a8ad87041c499",
     "e07c2e1d56f96b06ab18-58ee760e348a6356b90f",
-    "e07c2e1d56f96b06ab18-b1f33c3f07b1952dcda2",
-    "e07c2e1d56f96b06ab18-885512881ee38cd6724e",
-    "ff75c9407109e0c193c2-fcfe6f71301fe218a86f",
-    "76a364362bdc0a76e8d6-1c724a21147fac552955",
+    "e07c2e1d56f96b06ab18-62f5584fb239e2a6d4b3",
     "76a364362bdc0a76e8d6-002154fd4cc225956a58",
-    "76a364362bdc0a76e8d6-7f547b4e5ccfe9727cdd",
+    "76a364362bdc0a76e8d6-fdd004ceb244307b7e1a",
     "96c0a41bd2d5f4162bf1-7912e5ea857599c8876f",
-    "96c0a41bd2d5f4162bf1-01cc1c9878fa4dbb7528",
-    "96c0a41bd2d5f4162bf1-6bd04f251c609c8778f8",
-    "96c0a41bd2d5f4162bf1-bc21b2b42b3af961be35",
     "96c0a41bd2d5f4162bf1-38743a316be02a58fe04",
-    "96c0a41bd2d5f4162bf1-e70130c0e6d76232e20c",
-    "96c0a41bd2d5f4162bf1-c25f6ec492802bf41b0c",
-    "96c0a41bd2d5f4162bf1-23d237f6e43abdc0a717",
+    "96c0a41bd2d5f4162bf1-a3fca7a7438a94732daa",
     "bdc79a5c09937ed58770-5b2aa558b471b145ac85",
-    "de3fe77d9cd03b86108c-7d43c9f74f57c5bad550",
-    "de3fe77d9cd03b86108c-e81702202ed9d93aee2d",
     "4c417112e9b5ef367775-62005f34da468f758c19",
     "4c417112e9b5ef367775-a6693d5156fc87b481e0",
-    "4c417112e9b5ef367775-a1674ff74a093614745c",
-    "4c417112e9b5ef367775-abed98b65e8825b43d2b",
-    "4c417112e9b5ef367775-95bc7a88bca4b6cc08b0",
-    "4c417112e9b5ef367775-f166d7b02b0d1b9a0b11",
     "4c417112e9b5ef367775-ef8f9c409293f4e35cfb",
-    "67b17fe0f3941bca08c4-4ef5c7d447d2fa169c1e",
-    "67b17fe0f3941bca08c4-b42aa55ffe388efde511",
+    "4c417112e9b5ef367775-c377313d5e00dca3a441",
+    "67b17fe0f3941bca08c4-f68c1be2a577e6d48304",
+    "67b17fe0f3941bca08c4-95556c5586b346820eb4",
     "e07c2e1d56f96b06ab18-8d94d35e3c3ba7a0107d",
-    "e07c2e1d56f96b06ab18-0a784b85e44aa51de254",
-    "e07c2e1d56f96b06ab18-22a011841492fd4b9889",
-    "ff75c9407109e0c193c2-a26d95ff1dc1b347998b",
-    "ff75c9407109e0c193c2-f87d8b25188f2f0dc2ff",
-    "76a364362bdc0a76e8d6-1cda7cfd78fe7706fdc4",
-    "76a364362bdc0a76e8d6-808fb3fe2cb3a617f000",
+    "e07c2e1d56f96b06ab18-afd59c27c34205b7462a",
+    "76a364362bdc0a76e8d6-e407d9c51daa8aea2e97",
     "76a364362bdc0a76e8d6-96d7166d491fe091481b",
-    "76a364362bdc0a76e8d6-b33ae57b82d2b20cd8c0",
+    "76a364362bdc0a76e8d6-d84d8246ca8a3ab922ff",
     "76a364362bdc0a76e8d6-306cf45be118676ff445",
     "96c0a41bd2d5f4162bf1-d205193f474ce1d56974",
-    "96c0a41bd2d5f4162bf1-f19d6d21dbe009f7b10c",
-    "96c0a41bd2d5f4162bf1-84c7254980785ef5ecb0",
-    "96c0a41bd2d5f4162bf1-4e27f5cde924a466f1d1",
     "96c0a41bd2d5f4162bf1-1233e03e8a2b259b548d",
-    "96c0a41bd2d5f4162bf1-9a20a4d45f182e7bd8a5",
-    "96c0a41bd2d5f4162bf1-8ebe47e8f62c7bed3856",
-    "96c0a41bd2d5f4162bf1-75172dd5ec728888fb94",
+    "96c0a41bd2d5f4162bf1-b120589b8fb222c0a09d",
     "bdc79a5c09937ed58770-e29dbfe4e63e7353feb1"
   ]
 }
\ No newline at end of file
diff --git a/test-results/e2e-components-Component-S-79c35-menu-has-all-required-links-chromium-desktop/test-failed-1.png b/test-results/e2e-components-Component-S-79c35-menu-has-all-required-links-chromium-desktop/test-failed-1.png
deleted file mode 100644
index 6ece240..0000000
Binary files a/test-results/e2e-components-Component-S-79c35-menu-has-all-required-links-chromium-desktop/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-components-Component-S-79c35-menu-has-all-required-links-chromium-desktop/video.webm b/test-results/e2e-components-Component-S-79c35-menu-has-all-required-links-chromium-desktop/video.webm
deleted file mode 100644
index 3b89262..0000000
Binary files a/test-results/e2e-components-Component-S-79c35-menu-has-all-required-links-chromium-desktop/video.webm and /dev/null differ
diff --git a/test-results/e2e-components-Component-S-79c35-menu-has-all-required-links-chromium-mobile/test-failed-1.png b/test-results/e2e-components-Component-S-79c35-menu-has-all-required-links-chromium-mobile/test-failed-1.png
deleted file mode 100644
index 4690d2d..0000000
Binary files a/test-results/e2e-components-Component-S-79c35-menu-has-all-required-links-chromium-mobile/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-components-Component-S-79c35-menu-has-all-required-links-chromium-mobile/video.webm b/test-results/e2e-components-Component-S-79c35-menu-has-all-required-links-chromium-mobile/video.webm
deleted file mode 100644
index 114461d..0000000
Binary files a/test-results/e2e-components-Component-S-79c35-menu-has-all-required-links-chromium-mobile/video.webm and /dev/null differ
diff --git a/test-results/e2e-components-Component-S-a6b31-layout-has-proper-structure-chromium-desktop/error-context.md b/test-results/e2e-components-Component-S-a6b31-layout-has-proper-structure-chromium-desktop/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-components-Component-S-a6b31-layout-has-proper-structure-chromium-desktop/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-components-Component-S-a6b31-layout-has-proper-structure-chromium-desktop/test-failed-1.png b/test-results/e2e-components-Component-S-a6b31-layout-has-proper-structure-chromium-desktop/test-failed-1.png
deleted file mode 100644
index b7cf863..0000000
Binary files a/test-results/e2e-components-Component-S-a6b31-layout-has-proper-structure-chromium-desktop/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-components-Component-S-a6b31-layout-has-proper-structure-chromium-desktop/video.webm b/test-results/e2e-components-Component-S-a6b31-layout-has-proper-structure-chromium-desktop/video.webm
deleted file mode 100644
index f1e42f6..0000000
Binary files a/test-results/e2e-components-Component-S-a6b31-layout-has-proper-structure-chromium-desktop/video.webm and /dev/null differ
diff --git a/test-results/e2e-components-Component-S-a6b31-layout-has-proper-structure-chromium-mobile/error-context.md b/test-results/e2e-components-Component-S-a6b31-layout-has-proper-structure-chromium-mobile/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-components-Component-S-a6b31-layout-has-proper-structure-chromium-mobile/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-components-Component-S-a6b31-layout-has-proper-structure-chromium-mobile/test-failed-1.png b/test-results/e2e-components-Component-S-a6b31-layout-has-proper-structure-chromium-mobile/test-failed-1.png
deleted file mode 100644
index edc1d68..0000000
Binary files a/test-results/e2e-components-Component-S-a6b31-layout-has-proper-structure-chromium-mobile/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-components-Component-S-a6b31-layout-has-proper-structure-chromium-mobile/video.webm b/test-results/e2e-components-Component-S-a6b31-layout-has-proper-structure-chromium-mobile/video.webm
deleted file mode 100644
index 03ff4d8..0000000
Binary files a/test-results/e2e-components-Component-S-a6b31-layout-has-proper-structure-chromium-mobile/video.webm and /dev/null differ
diff --git a/test-results/e2e-cross-platform-Cross-P-1336c-on-both-desktop-and-Android-chromium-desktop/error-context.md b/test-results/e2e-cross-platform-Cross-P-1336c-on-both-desktop-and-Android-chromium-desktop/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-cross-platform-Cross-P-1336c-on-both-desktop-and-Android-chromium-desktop/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-cross-platform-Cross-P-1336c-on-both-desktop-and-Android-chromium-desktop/test-failed-1.png b/test-results/e2e-cross-platform-Cross-P-1336c-on-both-desktop-and-Android-chromium-desktop/test-failed-1.png
deleted file mode 100644
index 8b14eb9..0000000
Binary files a/test-results/e2e-cross-platform-Cross-P-1336c-on-both-desktop-and-Android-chromium-desktop/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-cross-platform-Cross-P-1336c-on-both-desktop-and-Android-chromium-desktop/test-failed-2.png b/test-results/e2e-cross-platform-Cross-P-1336c-on-both-desktop-and-Android-chromium-desktop/test-failed-2.png
deleted file mode 100644
index b047b3a..0000000
Binary files a/test-results/e2e-cross-platform-Cross-P-1336c-on-both-desktop-and-Android-chromium-desktop/test-failed-2.png and /dev/null differ
diff --git a/test-results/e2e-cross-platform-Cross-P-1336c-on-both-desktop-and-Android-chromium-mobile/error-context.md b/test-results/e2e-cross-platform-Cross-P-1336c-on-both-desktop-and-Android-chromium-mobile/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-cross-platform-Cross-P-1336c-on-both-desktop-and-Android-chromium-mobile/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-cross-platform-Cross-P-1336c-on-both-desktop-and-Android-chromium-mobile/test-failed-1.png b/test-results/e2e-cross-platform-Cross-P-1336c-on-both-desktop-and-Android-chromium-mobile/test-failed-1.png
deleted file mode 100644
index 5e7030b..0000000
Binary files a/test-results/e2e-cross-platform-Cross-P-1336c-on-both-desktop-and-Android-chromium-mobile/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-cross-platform-Cross-P-1336c-on-both-desktop-and-Android-chromium-mobile/test-failed-2.png b/test-results/e2e-cross-platform-Cross-P-1336c-on-both-desktop-and-Android-chromium-mobile/test-failed-2.png
deleted file mode 100644
index 678296a..0000000
Binary files a/test-results/e2e-cross-platform-Cross-P-1336c-on-both-desktop-and-Android-chromium-mobile/test-failed-2.png and /dev/null differ
diff --git a/test-results/e2e-cross-platform-Cross-P-1f583-ssfully-on-Android-viewport-chromium-desktop/error-context.md b/test-results/e2e-cross-platform-Cross-P-1f583-ssfully-on-Android-viewport-chromium-desktop/error-context.md
index 236df2d..76ef3b8 100644
--- a/test-results/e2e-cross-platform-Cross-P-1f583-ssfully-on-Android-viewport-chromium-desktop/error-context.md
+++ b/test-results/e2e-cross-platform-Cross-P-1f583-ssfully-on-Android-viewport-chromium-desktop/error-context.md
@@ -1,49 +1,252 @@
 # Page snapshot
 
 ```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
+- generic [active] [ref=e1]:
+  - generic [ref=e3]:
+    - banner [ref=e4]:
       - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
+        - generic [ref=e7]:
+          - button "Toggle navigation menu" [ref=e8]:
+            - img [ref=e9]
+          - img [ref=e12]
+          - text: CodeSnippet
+        - generic [ref=e15]:
+          - img [ref=e16]
+          - generic [ref=e18]: Local
+    - main [ref=e19]:
+      - generic [ref=e21]:
+        - alert [ref=e22]:
+          - img [ref=e23]
+          - heading "Workspace ready" [level=5] [ref=e25]
+          - generic [ref=e26]: Running in local-first mode so you can work offline without a backend.
+        - alert [ref=e27]:
+          - img [ref=e28]
+          - heading "Cloud backend unavailable" [level=5] [ref=e30]
+          - generic [ref=e31]: No Flask backend detected. Saving and loading will stay on this device until a server URL is configured.
+      - generic [ref=e32]:
+        - generic [ref=e33]:
+          - heading "Templates" [level=2] [ref=e34]
+          - paragraph [ref=e35]: Page-level layouts that combine organisms into complete interfaces
+        - generic [ref=e36]:
+          - generic [ref=e37]:
+            - generic [ref=e38]:
+              - heading "Dashboard Layout" [level=2] [ref=e39]
+              - paragraph [ref=e40]: Complete dashboard with sidebar, stats, and content areas
+            - generic [ref=e41]:
+              - button "Save as Snippet" [ref=e43] [cursor=pointer]:
+                - img [ref=e44]
+                - text: Save as Snippet
+              - generic [ref=e46]:
+                - generic [ref=e48]:
+                  - heading "Dashboard" [level=3] [ref=e50]
+                  - generic [ref=e51]:
+                    - button [ref=e52] [cursor=pointer]:
+                      - img [ref=e53]
+                    - button [ref=e55] [cursor=pointer]:
+                      - img [ref=e56]
+                    - generic [ref=e58]:
+                      - img [ref=e59]
+                      - generic [ref=e60]: U
+                - main [ref=e62]:
+                  - generic [ref=e63]:
+                    - generic [ref=e64]:
+                      - generic [ref=e65]:
+                        - heading "Overview" [level=1] [ref=e66]
+                        - paragraph [ref=e67]: Welcome back, here's what's happening
+                      - button "New Project" [ref=e68] [cursor=pointer]:
+                        - img [ref=e69]
+                        - text: New Project
+                    - generic [ref=e71]:
+                      - generic [ref=e74]:
+                        - paragraph [ref=e75]: Total Revenue
+                        - paragraph [ref=e76]: $45,231
+                        - paragraph [ref=e77]:
+                          - img [ref=e78]
+                          - text: +20.1% from last month
+                      - generic [ref=e82]:
+                        - paragraph [ref=e83]: Active Users
+                        - paragraph [ref=e84]: 2,350
+                        - paragraph [ref=e85]:
+                          - img [ref=e86]
+                          - text: +12.5% from last month
+                      - generic [ref=e90]:
+                        - paragraph [ref=e91]: Total Orders
+                        - paragraph [ref=e92]: 1,234
+                        - paragraph [ref=e93]:
+                          - img [ref=e94]
+                          - text: +8.2% from last month
+                    - generic [ref=e96]:
+                      - generic [ref=e97]:
+                        - heading "Recent Activity" [level=3] [ref=e99]
+                        - generic [ref=e100]:
+                          - generic [ref=e101]:
+                            - generic [ref=e102]:
+                              - img [ref=e103]
+                              - generic [ref=e104]: U
+                            - generic [ref=e105]:
+                              - paragraph [ref=e106]:
+                                - generic [ref=e107]: User 1
+                                - text: completed a task
+                              - paragraph [ref=e108]: 2 hours ago
+                          - generic [ref=e109]:
+                            - generic [ref=e110]:
+                              - img [ref=e111]
+                              - generic [ref=e112]: U
+                            - generic [ref=e113]:
+                              - paragraph [ref=e114]:
+                                - generic [ref=e115]: User 2
+                                - text: completed a task
+                              - paragraph [ref=e116]: 2 hours ago
+                          - generic [ref=e117]:
+                            - generic [ref=e118]:
+                              - img [ref=e119]
+                              - generic [ref=e120]: U
+                            - generic [ref=e121]:
+                              - paragraph [ref=e122]:
+                                - generic [ref=e123]: User 3
+                                - text: completed a task
+                              - paragraph [ref=e124]: 2 hours ago
+                      - generic [ref=e125]:
+                        - heading "Quick Actions" [level=3] [ref=e127]
+                        - generic [ref=e128]:
+                          - button "Create New Project" [ref=e129] [cursor=pointer]:
+                            - img [ref=e130]
+                            - text: Create New Project
+                          - button "Invite Team Members" [ref=e132] [cursor=pointer]:
+                            - img [ref=e133]
+                            - text: Invite Team Members
+                          - button "Browse Templates" [ref=e135] [cursor=pointer]:
+                            - img [ref=e136]
+                            - text: Browse Templates
+          - generic [ref=e138]:
+            - generic [ref=e139]:
+              - heading "Landing Page" [level=2] [ref=e140]
+              - paragraph [ref=e141]: Marketing page with hero, features, and CTA sections
+            - generic [ref=e142]:
+              - button "Save as Snippet" [ref=e144] [cursor=pointer]:
+                - img [ref=e145]
+                - text: Save as Snippet
+              - generic [ref=e147]:
+                - generic [ref=e149]:
+                  - heading "ProductName" [level=3] [ref=e152]
+                  - generic [ref=e153]:
+                    - button "Features" [ref=e154] [cursor=pointer]
+                    - button "Pricing" [ref=e155] [cursor=pointer]
+                    - button "About" [ref=e156] [cursor=pointer]
+                    - button "Sign Up" [ref=e157] [cursor=pointer]
+                - generic [ref=e158]:
+                  - generic [ref=e159]: New Release
+                  - heading "Build Amazing Products Faster" [level=1] [ref=e160]
+                  - paragraph [ref=e161]: The complete toolkit for modern product development. Ship faster with our component library and design system.
+                  - generic [ref=e162]:
+                    - button "Get Started" [ref=e163] [cursor=pointer]:
+                      - text: Get Started
+                      - img [ref=e164]
+                    - button "View Demo" [ref=e166] [cursor=pointer]
+                - generic [ref=e167]:
+                  - generic [ref=e168]:
+                    - heading "Features" [level=2] [ref=e169]
+                    - paragraph [ref=e170]: Everything you need to build production-ready applications
+                  - generic [ref=e171]:
+                    - generic [ref=e172]:
+                      - img [ref=e174]
+                      - heading "Analytics" [level=3] [ref=e176]
+                      - paragraph [ref=e177]: Track and analyze your product metrics in real-time
+                    - generic [ref=e178]:
+                      - img [ref=e180]
+                      - heading "Collaboration" [level=3] [ref=e182]
+                      - paragraph [ref=e183]: Work together with your team seamlessly
+                    - generic [ref=e184]:
+                      - img [ref=e186]
+                      - heading "Customizable" [level=3] [ref=e188]
+                      - paragraph [ref=e189]: Adapt the platform to your specific needs
+                - generic [ref=e190]:
+                  - heading "Ready to get started?" [level=2] [ref=e191]
+                  - paragraph [ref=e192]: Join thousands of teams already building with our platform
+                  - button "Start Free Trial" [ref=e193] [cursor=pointer]:
+                    - text: Start Free Trial
+                    - img [ref=e194]
+          - generic [ref=e196]:
+            - generic [ref=e197]:
+              - heading "E-commerce Product Page" [level=2] [ref=e198]
+              - paragraph [ref=e199]: Product detail page with images, info, and purchase options
+            - generic [ref=e200]:
+              - button "Save as Snippet" [ref=e202] [cursor=pointer]:
+                - img [ref=e203]
+                - text: Save as Snippet
+              - generic [ref=e205]:
+                - generic [ref=e207]:
+                  - heading "Store" [level=3] [ref=e209]
+                  - generic [ref=e210]:
+                    - button [ref=e211] [cursor=pointer]:
+                      - img [ref=e212]
+                    - generic [ref=e215]: U
+                - generic [ref=e225]:
+                  - generic [ref=e226]:
+                    - generic [ref=e227]: New Arrival
+                    - heading "Premium Product Name" [level=1] [ref=e228]
+                    - generic [ref=e229]:
+                      - generic [ref=e230]: $299.00
+                      - generic [ref=e231]: $399.00
+                  - generic [ref=e232]:
+                    - heading "Description" [level=3] [ref=e233]
+                    - paragraph [ref=e234]: Experience premium quality with this exceptional product. Crafted with attention to detail and designed for those who demand excellence.
+                  - generic [ref=e235]:
+                    - heading "Features" [level=3] [ref=e236]
+                    - list [ref=e237]:
+                      - listitem [ref=e238]: • Premium materials and construction
+                      - listitem [ref=e239]: • Industry-leading performance
+                      - listitem [ref=e240]: • 2-year warranty included
+                      - listitem [ref=e241]: • Free shipping on orders over $50
+                  - generic [ref=e242]:
+                    - button "Add to Cart" [ref=e243] [cursor=pointer]:
+                      - img [ref=e244]
+                      - text: Add to Cart
+                    - button "Add to Wishlist" [ref=e246] [cursor=pointer]
+          - generic [ref=e247]:
+            - generic [ref=e248]:
+              - heading "Blog Article" [level=2] [ref=e249]
+              - paragraph [ref=e250]: Article layout with header, content, and sidebar
+            - generic [ref=e251]:
+              - button "Save as Snippet" [ref=e253] [cursor=pointer]:
+                - img [ref=e254]
+                - text: Save as Snippet
+              - generic [ref=e256]:
+                - generic [ref=e258]:
+                  - heading "Blog" [level=3] [ref=e259]
+                  - generic [ref=e260]:
+                    - button "Articles" [ref=e261] [cursor=pointer]
+                    - button "Tutorials" [ref=e262] [cursor=pointer]
+                    - button "About" [ref=e263] [cursor=pointer]
+                - generic [ref=e265]:
+                  - generic [ref=e266]:
+                    - generic [ref=e267]:
+                      - generic [ref=e268]: Design
+                      - generic [ref=e269]: Tutorial
+                    - heading "Building a Comprehensive Component Library" [level=1] [ref=e270]
+                    - generic [ref=e271]:
+                      - generic [ref=e272]:
+                        - img [ref=e273]
+                        - generic [ref=e274]: AW
+                      - generic [ref=e275]:
+                        - paragraph [ref=e276]: Alex Writer
+                        - paragraph [ref=e277]: March 15, 2024 · 10 min read
+                  - generic [ref=e278]:
+                    - paragraph [ref=e280]: Design systems have become an essential part of modern product development. They provide consistency, improve efficiency, and create a shared language between designers and developers.
+                    - heading "Understanding Atomic Design" [level=2] [ref=e281]
+                    - paragraph [ref=e282]: "The atomic design methodology consists of five distinct stages: atoms, molecules, organisms, templates, and pages. Each stage builds upon the previous, creating a comprehensive system that scales with your needs."
+                    - paragraph [ref=e284]: "\"A design system is never complete. It's a living, breathing ecosystem that evolves with your product and team.\""
+                    - heading "Getting Started" [level=2] [ref=e285]
+                    - paragraph [ref=e286]: Begin by identifying the core components your product needs. Start small with basic atoms like buttons and inputs, then gradually build up to more complex organisms and templates.
+                  - generic [ref=e287]:
+                    - button "Previous Article" [ref=e288] [cursor=pointer]
+                    - button "Next Article" [ref=e289] [cursor=pointer]:
+                      - text: Next Article
+                      - img [ref=e290]
+    - contentinfo [ref=e292]:
+      - generic [ref=e294]:
+        - paragraph [ref=e295]: Save, organize, and share your code snippets with beautiful syntax highlighting and live execution
+        - paragraph [ref=e296]: Supports React preview and Python execution via Pyodide
+  - region "Notifications alt+T"
+  - alert [ref=e297]
 ```
\ No newline at end of file
diff --git a/test-results/e2e-cross-platform-Cross-P-1f583-ssfully-on-Android-viewport-chromium-desktop/test-failed-1.png b/test-results/e2e-cross-platform-Cross-P-1f583-ssfully-on-Android-viewport-chromium-desktop/test-failed-1.png
index 8b14eb9..ae430a3 100644
Binary files a/test-results/e2e-cross-platform-Cross-P-1f583-ssfully-on-Android-viewport-chromium-desktop/test-failed-1.png and b/test-results/e2e-cross-platform-Cross-P-1f583-ssfully-on-Android-viewport-chromium-desktop/test-failed-1.png differ
diff --git a/test-results/e2e-cross-platform-Cross-P-1f583-ssfully-on-Android-viewport-chromium-desktop/video.webm b/test-results/e2e-cross-platform-Cross-P-1f583-ssfully-on-Android-viewport-chromium-desktop/video.webm
new file mode 100644
index 0000000..972bdf4
Binary files /dev/null and b/test-results/e2e-cross-platform-Cross-P-1f583-ssfully-on-Android-viewport-chromium-desktop/video.webm differ
diff --git a/test-results/e2e-cross-platform-Cross-P-1f583-ssfully-on-Android-viewport-chromium-mobile/error-context.md b/test-results/e2e-cross-platform-Cross-P-1f583-ssfully-on-Android-viewport-chromium-mobile/error-context.md
index 236df2d..e35b3c2 100644
--- a/test-results/e2e-cross-platform-Cross-P-1f583-ssfully-on-Android-viewport-chromium-mobile/error-context.md
+++ b/test-results/e2e-cross-platform-Cross-P-1f583-ssfully-on-Android-viewport-chromium-mobile/error-context.md
@@ -1,49 +1,37 @@
 # Page snapshot
 
 ```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
+- dialog "Unhandled Runtime Error" [ref=e4]:
+  - generic [ref=e5]:
+    - generic [ref=e6]:
+      - generic [ref=e7]:
+        - navigation [ref=e8]:
+          - button "previous" [disabled] [ref=e9]:
+            - img "previous" [ref=e10]
+          - button "next" [disabled] [ref=e12]:
+            - img "next" [ref=e13]
+          - generic [ref=e15]: 1 of 1 error
+          - generic [ref=e16]:
             - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
+            - link "(learn more)" [ref=e18] [cursor=pointer]:
               - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
+        - button "Close" [ref=e19] [cursor=pointer]:
+          - img [ref=e21]
+      - generic [ref=e24]:
+        - heading "Unhandled Runtime Error" [level=1] [ref=e25]
+        - generic [ref=e26]:
+          - button "Copy error stack" [ref=e27] [cursor=pointer]:
+            - img [ref=e28]
+          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e31] [cursor=pointer]:
             - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
+            - img [ref=e32]
+      - paragraph [ref=e35]: "ReferenceError: React is not defined"
+    - generic [ref=e36]:
+      - heading "Source" [level=2] [ref=e37]
+      - generic [ref=e38]:
+        - link "src/components/ui/dropdown-menu.tsx (41:18) @ React" [ref=e40] [cursor=pointer]:
+          - generic [ref=e41]: src/components/ui/dropdown-menu.tsx (41:18) @ React
+          - img [ref=e42]
+        - generic [ref=e46]: "39 | } 40 | > 41 | if (asChild && React.isValidElement(children)) { | ^ 42 | return React.cloneElement(children as React.ReactElement, { 43 | onClick: handleClick, 44 | ...props,"
+      - button "Show ignored frames" [ref=e47] [cursor=pointer]
 ```
\ No newline at end of file
diff --git a/test-results/e2e-cross-platform-Cross-P-1f583-ssfully-on-Android-viewport-chromium-mobile/test-failed-1.png b/test-results/e2e-cross-platform-Cross-P-1f583-ssfully-on-Android-viewport-chromium-mobile/test-failed-1.png
index 5e7030b..0e83580 100644
Binary files a/test-results/e2e-cross-platform-Cross-P-1f583-ssfully-on-Android-viewport-chromium-mobile/test-failed-1.png and b/test-results/e2e-cross-platform-Cross-P-1f583-ssfully-on-Android-viewport-chromium-mobile/test-failed-1.png differ
diff --git a/test-results/e2e-cross-platform-Cross-P-1f583-ssfully-on-Android-viewport-chromium-mobile/video.webm b/test-results/e2e-cross-platform-Cross-P-1f583-ssfully-on-Android-viewport-chromium-mobile/video.webm
index 93b6961..b70e599 100644
Binary files a/test-results/e2e-cross-platform-Cross-P-1f583-ssfully-on-Android-viewport-chromium-mobile/video.webm and b/test-results/e2e-cross-platform-Cross-P-1f583-ssfully-on-Android-viewport-chromium-mobile/video.webm differ
diff --git a/test-results/e2e-cross-platform-Cross-P-29423-ropriately-across-platforms-chromium-desktop/test-failed-1.png b/test-results/e2e-cross-platform-Cross-P-29423-ropriately-across-platforms-chromium-desktop/test-failed-1.png
index 6ece240..69a5b38 100644
Binary files a/test-results/e2e-cross-platform-Cross-P-29423-ropriately-across-platforms-chromium-desktop/test-failed-1.png and b/test-results/e2e-cross-platform-Cross-P-29423-ropriately-across-platforms-chromium-desktop/test-failed-1.png differ
diff --git a/test-results/e2e-cross-platform-Cross-P-29423-ropriately-across-platforms-chromium-desktop/test-failed-2.png b/test-results/e2e-cross-platform-Cross-P-29423-ropriately-across-platforms-chromium-desktop/test-failed-2.png
index c75476d..93e0e7d 100644
Binary files a/test-results/e2e-cross-platform-Cross-P-29423-ropriately-across-platforms-chromium-desktop/test-failed-2.png and b/test-results/e2e-cross-platform-Cross-P-29423-ropriately-across-platforms-chromium-desktop/test-failed-2.png differ
diff --git a/test-results/e2e-cross-platform-Cross-P-29423-ropriately-across-platforms-chromium-mobile/test-failed-1.png b/test-results/e2e-cross-platform-Cross-P-29423-ropriately-across-platforms-chromium-mobile/test-failed-1.png
index 5a70685..41e6503 100644
Binary files a/test-results/e2e-cross-platform-Cross-P-29423-ropriately-across-platforms-chromium-mobile/test-failed-1.png and b/test-results/e2e-cross-platform-Cross-P-29423-ropriately-across-platforms-chromium-mobile/test-failed-1.png differ
diff --git a/test-results/e2e-cross-platform-Cross-P-29423-ropriately-across-platforms-chromium-mobile/test-failed-2.png b/test-results/e2e-cross-platform-Cross-P-29423-ropriately-across-platforms-chromium-mobile/test-failed-2.png
index 8ecfd25..d9ba374 100644
Binary files a/test-results/e2e-cross-platform-Cross-P-29423-ropriately-across-platforms-chromium-mobile/test-failed-2.png and b/test-results/e2e-cross-platform-Cross-P-29423-ropriately-across-platforms-chromium-mobile/test-failed-2.png differ
diff --git a/test-results/e2e-cross-platform-Cross-P-33ce8-opriate-on-all-screen-sizes-chromium-desktop/error-context.md b/test-results/e2e-cross-platform-Cross-P-33ce8-opriate-on-all-screen-sizes-chromium-desktop/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-cross-platform-Cross-P-33ce8-opriate-on-all-screen-sizes-chromium-desktop/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-cross-platform-Cross-P-33ce8-opriate-on-all-screen-sizes-chromium-desktop/test-failed-1.png b/test-results/e2e-cross-platform-Cross-P-33ce8-opriate-on-all-screen-sizes-chromium-desktop/test-failed-1.png
deleted file mode 100644
index b7cf863..0000000
Binary files a/test-results/e2e-cross-platform-Cross-P-33ce8-opriate-on-all-screen-sizes-chromium-desktop/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-cross-platform-Cross-P-33ce8-opriate-on-all-screen-sizes-chromium-mobile/error-context.md b/test-results/e2e-cross-platform-Cross-P-33ce8-opriate-on-all-screen-sizes-chromium-mobile/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-cross-platform-Cross-P-33ce8-opriate-on-all-screen-sizes-chromium-mobile/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-cross-platform-Cross-P-33ce8-opriate-on-all-screen-sizes-chromium-mobile/test-failed-1.png b/test-results/e2e-cross-platform-Cross-P-33ce8-opriate-on-all-screen-sizes-chromium-mobile/test-failed-1.png
deleted file mode 100644
index 678296a..0000000
Binary files a/test-results/e2e-cross-platform-Cross-P-33ce8-opriate-on-all-screen-sizes-chromium-mobile/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-cross-platform-Cross-P-344ed-ck-events-fire-consistently-chromium-desktop/error-context.md b/test-results/e2e-cross-platform-Cross-P-344ed-ck-events-fire-consistently-chromium-desktop/error-context.md
new file mode 100644
index 0000000..7c82fa3
--- /dev/null
+++ b/test-results/e2e-cross-platform-Cross-P-344ed-ck-events-fire-consistently-chromium-desktop/error-context.md
@@ -0,0 +1,35 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - generic [ref=e3]:
+    - banner [ref=e4]:
+      - generic [ref=e6]:
+        - generic [ref=e7]:
+          - button "Toggle navigation menu" [ref=e8]:
+            - img [ref=e9]
+          - img [ref=e12]
+          - text: CodeSnippet
+        - generic [ref=e15]:
+          - img [ref=e16]
+          - generic [ref=e18]: Local
+    - main [ref=e19]:
+      - generic [ref=e21]:
+        - alert [ref=e22]:
+          - img [ref=e23]
+          - heading "Workspace ready" [level=5] [ref=e25]
+          - generic [ref=e26]: Running in local-first mode so you can work offline without a backend.
+        - alert [ref=e27]:
+          - img [ref=e28]
+          - heading "Cloud backend unavailable" [level=5] [ref=e30]
+          - generic [ref=e31]: No Flask backend detected. Saving and loading will stay on this device until a server URL is configured.
+      - generic [ref=e33]:
+        - heading "My Snippets" [level=1] [ref=e34]
+        - paragraph [ref=e35]: Save, organize, and share your code snippets
+    - contentinfo [ref=e36]:
+      - generic [ref=e38]:
+        - paragraph [ref=e39]: Save, organize, and share your code snippets with beautiful syntax highlighting and live execution
+        - paragraph [ref=e40]: Supports React preview and Python execution via Pyodide
+  - region "Notifications alt+T"
+  - alert [ref=e41]
+```
\ No newline at end of file
diff --git a/test-results/e2e-cross-platform-Cross-P-344ed-ck-events-fire-consistently-chromium-desktop/test-failed-1.png b/test-results/e2e-cross-platform-Cross-P-344ed-ck-events-fire-consistently-chromium-desktop/test-failed-1.png
new file mode 100644
index 0000000..063f626
Binary files /dev/null and b/test-results/e2e-cross-platform-Cross-P-344ed-ck-events-fire-consistently-chromium-desktop/test-failed-1.png differ
diff --git a/test-results/e2e-cross-platform-Cross-P-6cbef-cally-on-desktop-and-mobile-chromium-desktop/error-context.md b/test-results/e2e-cross-platform-Cross-P-6cbef-cally-on-desktop-and-mobile-chromium-desktop/error-context.md
new file mode 100644
index 0000000..7c82fa3
--- /dev/null
+++ b/test-results/e2e-cross-platform-Cross-P-6cbef-cally-on-desktop-and-mobile-chromium-desktop/error-context.md
@@ -0,0 +1,35 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - generic [ref=e3]:
+    - banner [ref=e4]:
+      - generic [ref=e6]:
+        - generic [ref=e7]:
+          - button "Toggle navigation menu" [ref=e8]:
+            - img [ref=e9]
+          - img [ref=e12]
+          - text: CodeSnippet
+        - generic [ref=e15]:
+          - img [ref=e16]
+          - generic [ref=e18]: Local
+    - main [ref=e19]:
+      - generic [ref=e21]:
+        - alert [ref=e22]:
+          - img [ref=e23]
+          - heading "Workspace ready" [level=5] [ref=e25]
+          - generic [ref=e26]: Running in local-first mode so you can work offline without a backend.
+        - alert [ref=e27]:
+          - img [ref=e28]
+          - heading "Cloud backend unavailable" [level=5] [ref=e30]
+          - generic [ref=e31]: No Flask backend detected. Saving and loading will stay on this device until a server URL is configured.
+      - generic [ref=e33]:
+        - heading "My Snippets" [level=1] [ref=e34]
+        - paragraph [ref=e35]: Save, organize, and share your code snippets
+    - contentinfo [ref=e36]:
+      - generic [ref=e38]:
+        - paragraph [ref=e39]: Save, organize, and share your code snippets with beautiful syntax highlighting and live execution
+        - paragraph [ref=e40]: Supports React preview and Python execution via Pyodide
+  - region "Notifications alt+T"
+  - alert [ref=e41]
+```
\ No newline at end of file
diff --git a/test-results/e2e-cross-platform-Cross-P-6cbef-cally-on-desktop-and-mobile-chromium-desktop/test-failed-1.png b/test-results/e2e-cross-platform-Cross-P-6cbef-cally-on-desktop-and-mobile-chromium-desktop/test-failed-1.png
index c75476d..11cfa70 100644
Binary files a/test-results/e2e-cross-platform-Cross-P-6cbef-cally-on-desktop-and-mobile-chromium-desktop/test-failed-1.png and b/test-results/e2e-cross-platform-Cross-P-6cbef-cally-on-desktop-and-mobile-chromium-desktop/test-failed-1.png differ
diff --git a/test-results/e2e-cross-platform-Cross-P-6cbef-cally-on-desktop-and-mobile-chromium-desktop/test-failed-2.png b/test-results/e2e-cross-platform-Cross-P-6cbef-cally-on-desktop-and-mobile-chromium-desktop/test-failed-2.png
index 6ece240..9cefc34 100644
Binary files a/test-results/e2e-cross-platform-Cross-P-6cbef-cally-on-desktop-and-mobile-chromium-desktop/test-failed-2.png and b/test-results/e2e-cross-platform-Cross-P-6cbef-cally-on-desktop-and-mobile-chromium-desktop/test-failed-2.png differ
diff --git a/test-results/e2e-cross-platform-Cross-P-6cbef-cally-on-desktop-and-mobile-chromium-mobile/error-context.md b/test-results/e2e-cross-platform-Cross-P-6cbef-cally-on-desktop-and-mobile-chromium-mobile/error-context.md
new file mode 100644
index 0000000..7c82fa3
--- /dev/null
+++ b/test-results/e2e-cross-platform-Cross-P-6cbef-cally-on-desktop-and-mobile-chromium-mobile/error-context.md
@@ -0,0 +1,35 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - generic [ref=e3]:
+    - banner [ref=e4]:
+      - generic [ref=e6]:
+        - generic [ref=e7]:
+          - button "Toggle navigation menu" [ref=e8]:
+            - img [ref=e9]
+          - img [ref=e12]
+          - text: CodeSnippet
+        - generic [ref=e15]:
+          - img [ref=e16]
+          - generic [ref=e18]: Local
+    - main [ref=e19]:
+      - generic [ref=e21]:
+        - alert [ref=e22]:
+          - img [ref=e23]
+          - heading "Workspace ready" [level=5] [ref=e25]
+          - generic [ref=e26]: Running in local-first mode so you can work offline without a backend.
+        - alert [ref=e27]:
+          - img [ref=e28]
+          - heading "Cloud backend unavailable" [level=5] [ref=e30]
+          - generic [ref=e31]: No Flask backend detected. Saving and loading will stay on this device until a server URL is configured.
+      - generic [ref=e33]:
+        - heading "My Snippets" [level=1] [ref=e34]
+        - paragraph [ref=e35]: Save, organize, and share your code snippets
+    - contentinfo [ref=e36]:
+      - generic [ref=e38]:
+        - paragraph [ref=e39]: Save, organize, and share your code snippets with beautiful syntax highlighting and live execution
+        - paragraph [ref=e40]: Supports React preview and Python execution via Pyodide
+  - region "Notifications alt+T"
+  - alert [ref=e41]
+```
\ No newline at end of file
diff --git a/test-results/e2e-cross-platform-Cross-P-6cbef-cally-on-desktop-and-mobile-chromium-mobile/test-failed-1.png b/test-results/e2e-cross-platform-Cross-P-6cbef-cally-on-desktop-and-mobile-chromium-mobile/test-failed-1.png
index 8ecfd25..7609d9f 100644
Binary files a/test-results/e2e-cross-platform-Cross-P-6cbef-cally-on-desktop-and-mobile-chromium-mobile/test-failed-1.png and b/test-results/e2e-cross-platform-Cross-P-6cbef-cally-on-desktop-and-mobile-chromium-mobile/test-failed-1.png differ
diff --git a/test-results/e2e-cross-platform-Cross-P-6cbef-cally-on-desktop-and-mobile-chromium-mobile/test-failed-2.png b/test-results/e2e-cross-platform-Cross-P-6cbef-cally-on-desktop-and-mobile-chromium-mobile/test-failed-2.png
index 26e7df9..593acb4 100644
Binary files a/test-results/e2e-cross-platform-Cross-P-6cbef-cally-on-desktop-and-mobile-chromium-mobile/test-failed-2.png and b/test-results/e2e-cross-platform-Cross-P-6cbef-cally-on-desktop-and-mobile-chromium-mobile/test-failed-2.png differ
diff --git a/test-results/e2e-cross-platform-Cross-P-b110e-sufficient-on-all-platforms-chromium-desktop/error-context.md b/test-results/e2e-cross-platform-Cross-P-b110e-sufficient-on-all-platforms-chromium-desktop/error-context.md
new file mode 100644
index 0000000..7c82fa3
--- /dev/null
+++ b/test-results/e2e-cross-platform-Cross-P-b110e-sufficient-on-all-platforms-chromium-desktop/error-context.md
@@ -0,0 +1,35 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - generic [ref=e3]:
+    - banner [ref=e4]:
+      - generic [ref=e6]:
+        - generic [ref=e7]:
+          - button "Toggle navigation menu" [ref=e8]:
+            - img [ref=e9]
+          - img [ref=e12]
+          - text: CodeSnippet
+        - generic [ref=e15]:
+          - img [ref=e16]
+          - generic [ref=e18]: Local
+    - main [ref=e19]:
+      - generic [ref=e21]:
+        - alert [ref=e22]:
+          - img [ref=e23]
+          - heading "Workspace ready" [level=5] [ref=e25]
+          - generic [ref=e26]: Running in local-first mode so you can work offline without a backend.
+        - alert [ref=e27]:
+          - img [ref=e28]
+          - heading "Cloud backend unavailable" [level=5] [ref=e30]
+          - generic [ref=e31]: No Flask backend detected. Saving and loading will stay on this device until a server URL is configured.
+      - generic [ref=e33]:
+        - heading "My Snippets" [level=1] [ref=e34]
+        - paragraph [ref=e35]: Save, organize, and share your code snippets
+    - contentinfo [ref=e36]:
+      - generic [ref=e38]:
+        - paragraph [ref=e39]: Save, organize, and share your code snippets with beautiful syntax highlighting and live execution
+        - paragraph [ref=e40]: Supports React preview and Python execution via Pyodide
+  - region "Notifications alt+T"
+  - alert [ref=e41]
+```
\ No newline at end of file
diff --git a/test-results/e2e-cross-platform-Cross-P-b110e-sufficient-on-all-platforms-chromium-desktop/test-failed-1.png b/test-results/e2e-cross-platform-Cross-P-b110e-sufficient-on-all-platforms-chromium-desktop/test-failed-1.png
new file mode 100644
index 0000000..7ea21bb
Binary files /dev/null and b/test-results/e2e-cross-platform-Cross-P-b110e-sufficient-on-all-platforms-chromium-desktop/test-failed-1.png differ
diff --git a/test-results/e2e-cross-platform-Cross-P-b110e-sufficient-on-all-platforms-chromium-desktop/video.webm b/test-results/e2e-cross-platform-Cross-P-b110e-sufficient-on-all-platforms-chromium-desktop/video.webm
new file mode 100644
index 0000000..4f9e534
Binary files /dev/null and b/test-results/e2e-cross-platform-Cross-P-b110e-sufficient-on-all-platforms-chromium-desktop/video.webm differ
diff --git a/test-results/e2e-cross-platform-Cross-P-b110e-sufficient-on-all-platforms-chromium-mobile/error-context.md b/test-results/e2e-cross-platform-Cross-P-b110e-sufficient-on-all-platforms-chromium-mobile/error-context.md
new file mode 100644
index 0000000..7c82fa3
--- /dev/null
+++ b/test-results/e2e-cross-platform-Cross-P-b110e-sufficient-on-all-platforms-chromium-mobile/error-context.md
@@ -0,0 +1,35 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - generic [ref=e3]:
+    - banner [ref=e4]:
+      - generic [ref=e6]:
+        - generic [ref=e7]:
+          - button "Toggle navigation menu" [ref=e8]:
+            - img [ref=e9]
+          - img [ref=e12]
+          - text: CodeSnippet
+        - generic [ref=e15]:
+          - img [ref=e16]
+          - generic [ref=e18]: Local
+    - main [ref=e19]:
+      - generic [ref=e21]:
+        - alert [ref=e22]:
+          - img [ref=e23]
+          - heading "Workspace ready" [level=5] [ref=e25]
+          - generic [ref=e26]: Running in local-first mode so you can work offline without a backend.
+        - alert [ref=e27]:
+          - img [ref=e28]
+          - heading "Cloud backend unavailable" [level=5] [ref=e30]
+          - generic [ref=e31]: No Flask backend detected. Saving and loading will stay on this device until a server URL is configured.
+      - generic [ref=e33]:
+        - heading "My Snippets" [level=1] [ref=e34]
+        - paragraph [ref=e35]: Save, organize, and share your code snippets
+    - contentinfo [ref=e36]:
+      - generic [ref=e38]:
+        - paragraph [ref=e39]: Save, organize, and share your code snippets with beautiful syntax highlighting and live execution
+        - paragraph [ref=e40]: Supports React preview and Python execution via Pyodide
+  - region "Notifications alt+T"
+  - alert [ref=e41]
+```
\ No newline at end of file
diff --git a/test-results/e2e-cross-platform-Cross-P-b110e-sufficient-on-all-platforms-chromium-mobile/test-failed-1.png b/test-results/e2e-cross-platform-Cross-P-b110e-sufficient-on-all-platforms-chromium-mobile/test-failed-1.png
new file mode 100644
index 0000000..c4c90f8
Binary files /dev/null and b/test-results/e2e-cross-platform-Cross-P-b110e-sufficient-on-all-platforms-chromium-mobile/test-failed-1.png differ
diff --git a/test-results/e2e-cross-platform-Cross-P-b110e-sufficient-on-all-platforms-chromium-mobile/video.webm b/test-results/e2e-cross-platform-Cross-P-b110e-sufficient-on-all-platforms-chromium-mobile/video.webm
new file mode 100644
index 0000000..f7a82d8
Binary files /dev/null and b/test-results/e2e-cross-platform-Cross-P-b110e-sufficient-on-all-platforms-chromium-mobile/video.webm differ
diff --git a/test-results/e2e-cross-platform-Cross-P-c265e-on-Android-without-breaking-chromium-desktop/error-context.md b/test-results/e2e-cross-platform-Cross-P-c265e-on-Android-without-breaking-chromium-desktop/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-cross-platform-Cross-P-c265e-on-Android-without-breaking-chromium-desktop/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-cross-platform-Cross-P-c265e-on-Android-without-breaking-chromium-desktop/test-failed-1.png b/test-results/e2e-cross-platform-Cross-P-c265e-on-Android-without-breaking-chromium-desktop/test-failed-1.png
deleted file mode 100644
index 8b14eb9..0000000
Binary files a/test-results/e2e-cross-platform-Cross-P-c265e-on-Android-without-breaking-chromium-desktop/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-cross-platform-Cross-P-c265e-on-Android-without-breaking-chromium-mobile/error-context.md b/test-results/e2e-cross-platform-Cross-P-c265e-on-Android-without-breaking-chromium-mobile/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-cross-platform-Cross-P-c265e-on-Android-without-breaking-chromium-mobile/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-cross-platform-Cross-P-c265e-on-Android-without-breaking-chromium-mobile/test-failed-1.png b/test-results/e2e-cross-platform-Cross-P-c265e-on-Android-without-breaking-chromium-mobile/test-failed-1.png
deleted file mode 100644
index 5e7030b..0000000
Binary files a/test-results/e2e-cross-platform-Cross-P-c265e-on-Android-without-breaking-chromium-mobile/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-cross-platform-Cross-P-d2202-ts-don-t-overlap-on-Android-chromium-desktop/error-context.md b/test-results/e2e-cross-platform-Cross-P-d2202-ts-don-t-overlap-on-Android-chromium-desktop/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-cross-platform-Cross-P-d2202-ts-don-t-overlap-on-Android-chromium-desktop/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-cross-platform-Cross-P-d2202-ts-don-t-overlap-on-Android-chromium-desktop/test-failed-1.png b/test-results/e2e-cross-platform-Cross-P-d2202-ts-don-t-overlap-on-Android-chromium-desktop/test-failed-1.png
deleted file mode 100644
index 8b14eb9..0000000
Binary files a/test-results/e2e-cross-platform-Cross-P-d2202-ts-don-t-overlap-on-Android-chromium-desktop/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-cross-platform-Cross-P-d2202-ts-don-t-overlap-on-Android-chromium-desktop/video.webm b/test-results/e2e-cross-platform-Cross-P-d2202-ts-don-t-overlap-on-Android-chromium-desktop/video.webm
deleted file mode 100644
index 143929a..0000000
Binary files a/test-results/e2e-cross-platform-Cross-P-d2202-ts-don-t-overlap-on-Android-chromium-desktop/video.webm and /dev/null differ
diff --git a/test-results/e2e-cross-platform-Cross-P-d2202-ts-don-t-overlap-on-Android-chromium-mobile/error-context.md b/test-results/e2e-cross-platform-Cross-P-d2202-ts-don-t-overlap-on-Android-chromium-mobile/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-cross-platform-Cross-P-d2202-ts-don-t-overlap-on-Android-chromium-mobile/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-cross-platform-Cross-P-d2202-ts-don-t-overlap-on-Android-chromium-mobile/test-failed-1.png b/test-results/e2e-cross-platform-Cross-P-d2202-ts-don-t-overlap-on-Android-chromium-mobile/test-failed-1.png
deleted file mode 100644
index 5e7030b..0000000
Binary files a/test-results/e2e-cross-platform-Cross-P-d2202-ts-don-t-overlap-on-Android-chromium-mobile/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-cross-platform-Cross-P-d2202-ts-don-t-overlap-on-Android-chromium-mobile/video.webm b/test-results/e2e-cross-platform-Cross-P-d2202-ts-don-t-overlap-on-Android-chromium-mobile/video.webm
deleted file mode 100644
index f879c3e..0000000
Binary files a/test-results/e2e-cross-platform-Cross-P-d2202-ts-don-t-overlap-on-Android-chromium-mobile/video.webm and /dev/null differ
diff --git a/test-results/e2e-css-styling-Advanced-S-396bd--t-cause-readability-issues-chromium-desktop/test-failed-1.png b/test-results/e2e-css-styling-Advanced-S-396bd--t-cause-readability-issues-chromium-desktop/test-failed-1.png
deleted file mode 100644
index 6ece240..0000000
Binary files a/test-results/e2e-css-styling-Advanced-S-396bd--t-cause-readability-issues-chromium-desktop/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-css-styling-Advanced-S-396bd--t-cause-readability-issues-chromium-desktop/video.webm b/test-results/e2e-css-styling-Advanced-S-396bd--t-cause-readability-issues-chromium-desktop/video.webm
deleted file mode 100644
index 6dcf022..0000000
Binary files a/test-results/e2e-css-styling-Advanced-S-396bd--t-cause-readability-issues-chromium-desktop/video.webm and /dev/null differ
diff --git a/test-results/e2e-css-styling-Advanced-S-396bd--t-cause-readability-issues-chromium-mobile/error-context.md b/test-results/e2e-css-styling-Advanced-S-396bd--t-cause-readability-issues-chromium-mobile/error-context.md
deleted file mode 100644
index d393bfa..0000000
--- a/test-results/e2e-css-styling-Advanced-S-396bd--t-cause-readability-issues-chromium-mobile/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [disabled] [ref=e11]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 1 error
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-css-styling-Advanced-S-396bd--t-cause-readability-issues-chromium-mobile/test-failed-1.png b/test-results/e2e-css-styling-Advanced-S-396bd--t-cause-readability-issues-chromium-mobile/test-failed-1.png
deleted file mode 100644
index 4690d2d..0000000
Binary files a/test-results/e2e-css-styling-Advanced-S-396bd--t-cause-readability-issues-chromium-mobile/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-css-styling-Advanced-S-396bd--t-cause-readability-issues-chromium-mobile/video.webm b/test-results/e2e-css-styling-Advanced-S-396bd--t-cause-readability-issues-chromium-mobile/video.webm
deleted file mode 100644
index d0c3aa0..0000000
Binary files a/test-results/e2e-css-styling-Advanced-S-396bd--t-cause-readability-issues-chromium-mobile/video.webm and /dev/null differ
diff --git a/test-results/e2e-css-styling-Advanced-S-82567-order-styles-are-consistent-chromium-desktop/error-context.md b/test-results/e2e-css-styling-Advanced-S-82567-order-styles-are-consistent-chromium-desktop/error-context.md
new file mode 100644
index 0000000..7c82fa3
--- /dev/null
+++ b/test-results/e2e-css-styling-Advanced-S-82567-order-styles-are-consistent-chromium-desktop/error-context.md
@@ -0,0 +1,35 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - generic [ref=e3]:
+    - banner [ref=e4]:
+      - generic [ref=e6]:
+        - generic [ref=e7]:
+          - button "Toggle navigation menu" [ref=e8]:
+            - img [ref=e9]
+          - img [ref=e12]
+          - text: CodeSnippet
+        - generic [ref=e15]:
+          - img [ref=e16]
+          - generic [ref=e18]: Local
+    - main [ref=e19]:
+      - generic [ref=e21]:
+        - alert [ref=e22]:
+          - img [ref=e23]
+          - heading "Workspace ready" [level=5] [ref=e25]
+          - generic [ref=e26]: Running in local-first mode so you can work offline without a backend.
+        - alert [ref=e27]:
+          - img [ref=e28]
+          - heading "Cloud backend unavailable" [level=5] [ref=e30]
+          - generic [ref=e31]: No Flask backend detected. Saving and loading will stay on this device until a server URL is configured.
+      - generic [ref=e33]:
+        - heading "My Snippets" [level=1] [ref=e34]
+        - paragraph [ref=e35]: Save, organize, and share your code snippets
+    - contentinfo [ref=e36]:
+      - generic [ref=e38]:
+        - paragraph [ref=e39]: Save, organize, and share your code snippets with beautiful syntax highlighting and live execution
+        - paragraph [ref=e40]: Supports React preview and Python execution via Pyodide
+  - region "Notifications alt+T"
+  - alert [ref=e41]
+```
\ No newline at end of file
diff --git a/test-results/e2e-css-styling-Advanced-S-82567-order-styles-are-consistent-chromium-desktop/test-failed-1.png b/test-results/e2e-css-styling-Advanced-S-82567-order-styles-are-consistent-chromium-desktop/test-failed-1.png
new file mode 100644
index 0000000..33d020d
Binary files /dev/null and b/test-results/e2e-css-styling-Advanced-S-82567-order-styles-are-consistent-chromium-desktop/test-failed-1.png differ
diff --git a/test-results/e2e-css-styling-Advanced-S-82567-order-styles-are-consistent-chromium-desktop/video.webm b/test-results/e2e-css-styling-Advanced-S-82567-order-styles-are-consistent-chromium-desktop/video.webm
new file mode 100644
index 0000000..c9572b7
Binary files /dev/null and b/test-results/e2e-css-styling-Advanced-S-82567-order-styles-are-consistent-chromium-desktop/video.webm differ
diff --git a/test-results/e2e-css-styling-Advanced-S-82567-order-styles-are-consistent-chromium-mobile/error-context.md b/test-results/e2e-css-styling-Advanced-S-82567-order-styles-are-consistent-chromium-mobile/error-context.md
new file mode 100644
index 0000000..7c82fa3
--- /dev/null
+++ b/test-results/e2e-css-styling-Advanced-S-82567-order-styles-are-consistent-chromium-mobile/error-context.md
@@ -0,0 +1,35 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - generic [ref=e3]:
+    - banner [ref=e4]:
+      - generic [ref=e6]:
+        - generic [ref=e7]:
+          - button "Toggle navigation menu" [ref=e8]:
+            - img [ref=e9]
+          - img [ref=e12]
+          - text: CodeSnippet
+        - generic [ref=e15]:
+          - img [ref=e16]
+          - generic [ref=e18]: Local
+    - main [ref=e19]:
+      - generic [ref=e21]:
+        - alert [ref=e22]:
+          - img [ref=e23]
+          - heading "Workspace ready" [level=5] [ref=e25]
+          - generic [ref=e26]: Running in local-first mode so you can work offline without a backend.
+        - alert [ref=e27]:
+          - img [ref=e28]
+          - heading "Cloud backend unavailable" [level=5] [ref=e30]
+          - generic [ref=e31]: No Flask backend detected. Saving and loading will stay on this device until a server URL is configured.
+      - generic [ref=e33]:
+        - heading "My Snippets" [level=1] [ref=e34]
+        - paragraph [ref=e35]: Save, organize, and share your code snippets
+    - contentinfo [ref=e36]:
+      - generic [ref=e38]:
+        - paragraph [ref=e39]: Save, organize, and share your code snippets with beautiful syntax highlighting and live execution
+        - paragraph [ref=e40]: Supports React preview and Python execution via Pyodide
+  - region "Notifications alt+T"
+  - alert [ref=e41]
+```
\ No newline at end of file
diff --git a/test-results/e2e-css-styling-Advanced-S-82567-order-styles-are-consistent-chromium-mobile/test-failed-1.png b/test-results/e2e-css-styling-Advanced-S-82567-order-styles-are-consistent-chromium-mobile/test-failed-1.png
new file mode 100644
index 0000000..91e64e8
Binary files /dev/null and b/test-results/e2e-css-styling-Advanced-S-82567-order-styles-are-consistent-chromium-mobile/test-failed-1.png differ
diff --git a/test-results/e2e-css-styling-Advanced-S-82567-order-styles-are-consistent-chromium-mobile/video.webm b/test-results/e2e-css-styling-Advanced-S-82567-order-styles-are-consistent-chromium-mobile/video.webm
new file mode 100644
index 0000000..bb0c121
Binary files /dev/null and b/test-results/e2e-css-styling-Advanced-S-82567-order-styles-are-consistent-chromium-mobile/video.webm differ
diff --git a/test-results/e2e-css-styling-Advanced-S-995bd-don-t-have-misaligned-items-chromium-desktop/test-failed-1.png b/test-results/e2e-css-styling-Advanced-S-995bd-don-t-have-misaligned-items-chromium-desktop/test-failed-1.png
deleted file mode 100644
index 6ece240..0000000
Binary files a/test-results/e2e-css-styling-Advanced-S-995bd-don-t-have-misaligned-items-chromium-desktop/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-css-styling-Advanced-S-995bd-don-t-have-misaligned-items-chromium-desktop/video.webm b/test-results/e2e-css-styling-Advanced-S-995bd-don-t-have-misaligned-items-chromium-desktop/video.webm
deleted file mode 100644
index 61ace74..0000000
Binary files a/test-results/e2e-css-styling-Advanced-S-995bd-don-t-have-misaligned-items-chromium-desktop/video.webm and /dev/null differ
diff --git a/test-results/e2e-css-styling-Advanced-S-995bd-don-t-have-misaligned-items-chromium-mobile/error-context.md b/test-results/e2e-css-styling-Advanced-S-995bd-don-t-have-misaligned-items-chromium-mobile/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-css-styling-Advanced-S-995bd-don-t-have-misaligned-items-chromium-mobile/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-css-styling-Advanced-S-995bd-don-t-have-misaligned-items-chromium-mobile/test-failed-1.png b/test-results/e2e-css-styling-Advanced-S-995bd-don-t-have-misaligned-items-chromium-mobile/test-failed-1.png
deleted file mode 100644
index 4690d2d..0000000
Binary files a/test-results/e2e-css-styling-Advanced-S-995bd-don-t-have-misaligned-items-chromium-mobile/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-css-styling-Advanced-S-995bd-don-t-have-misaligned-items-chromium-mobile/video.webm b/test-results/e2e-css-styling-Advanced-S-995bd-don-t-have-misaligned-items-chromium-mobile/video.webm
deleted file mode 100644
index a924cf1..0000000
Binary files a/test-results/e2e-css-styling-Advanced-S-995bd-don-t-have-misaligned-items-chromium-mobile/video.webm and /dev/null differ
diff --git a/test-results/e2e-css-styling-Advanced-S-a9d8e-d-word-spacing-are-readable-chromium-desktop/error-context.md b/test-results/e2e-css-styling-Advanced-S-a9d8e-d-word-spacing-are-readable-chromium-desktop/error-context.md
new file mode 100644
index 0000000..7c82fa3
--- /dev/null
+++ b/test-results/e2e-css-styling-Advanced-S-a9d8e-d-word-spacing-are-readable-chromium-desktop/error-context.md
@@ -0,0 +1,35 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - generic [ref=e3]:
+    - banner [ref=e4]:
+      - generic [ref=e6]:
+        - generic [ref=e7]:
+          - button "Toggle navigation menu" [ref=e8]:
+            - img [ref=e9]
+          - img [ref=e12]
+          - text: CodeSnippet
+        - generic [ref=e15]:
+          - img [ref=e16]
+          - generic [ref=e18]: Local
+    - main [ref=e19]:
+      - generic [ref=e21]:
+        - alert [ref=e22]:
+          - img [ref=e23]
+          - heading "Workspace ready" [level=5] [ref=e25]
+          - generic [ref=e26]: Running in local-first mode so you can work offline without a backend.
+        - alert [ref=e27]:
+          - img [ref=e28]
+          - heading "Cloud backend unavailable" [level=5] [ref=e30]
+          - generic [ref=e31]: No Flask backend detected. Saving and loading will stay on this device until a server URL is configured.
+      - generic [ref=e33]:
+        - heading "My Snippets" [level=1] [ref=e34]
+        - paragraph [ref=e35]: Save, organize, and share your code snippets
+    - contentinfo [ref=e36]:
+      - generic [ref=e38]:
+        - paragraph [ref=e39]: Save, organize, and share your code snippets with beautiful syntax highlighting and live execution
+        - paragraph [ref=e40]: Supports React preview and Python execution via Pyodide
+  - region "Notifications alt+T"
+  - alert [ref=e41]
+```
\ No newline at end of file
diff --git a/test-results/e2e-css-styling-Advanced-S-a9d8e-d-word-spacing-are-readable-chromium-desktop/test-failed-1.png b/test-results/e2e-css-styling-Advanced-S-a9d8e-d-word-spacing-are-readable-chromium-desktop/test-failed-1.png
new file mode 100644
index 0000000..8d86ffc
Binary files /dev/null and b/test-results/e2e-css-styling-Advanced-S-a9d8e-d-word-spacing-are-readable-chromium-desktop/test-failed-1.png differ
diff --git a/test-results/e2e-css-styling-Advanced-S-a9d8e-d-word-spacing-are-readable-chromium-desktop/video.webm b/test-results/e2e-css-styling-Advanced-S-a9d8e-d-word-spacing-are-readable-chromium-desktop/video.webm
new file mode 100644
index 0000000..8e45cce
Binary files /dev/null and b/test-results/e2e-css-styling-Advanced-S-a9d8e-d-word-spacing-are-readable-chromium-desktop/video.webm differ
diff --git a/test-results/e2e-css-styling-Advanced-S-a9d8e-d-word-spacing-are-readable-chromium-mobile/error-context.md b/test-results/e2e-css-styling-Advanced-S-a9d8e-d-word-spacing-are-readable-chromium-mobile/error-context.md
new file mode 100644
index 0000000..7c82fa3
--- /dev/null
+++ b/test-results/e2e-css-styling-Advanced-S-a9d8e-d-word-spacing-are-readable-chromium-mobile/error-context.md
@@ -0,0 +1,35 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - generic [ref=e3]:
+    - banner [ref=e4]:
+      - generic [ref=e6]:
+        - generic [ref=e7]:
+          - button "Toggle navigation menu" [ref=e8]:
+            - img [ref=e9]
+          - img [ref=e12]
+          - text: CodeSnippet
+        - generic [ref=e15]:
+          - img [ref=e16]
+          - generic [ref=e18]: Local
+    - main [ref=e19]:
+      - generic [ref=e21]:
+        - alert [ref=e22]:
+          - img [ref=e23]
+          - heading "Workspace ready" [level=5] [ref=e25]
+          - generic [ref=e26]: Running in local-first mode so you can work offline without a backend.
+        - alert [ref=e27]:
+          - img [ref=e28]
+          - heading "Cloud backend unavailable" [level=5] [ref=e30]
+          - generic [ref=e31]: No Flask backend detected. Saving and loading will stay on this device until a server URL is configured.
+      - generic [ref=e33]:
+        - heading "My Snippets" [level=1] [ref=e34]
+        - paragraph [ref=e35]: Save, organize, and share your code snippets
+    - contentinfo [ref=e36]:
+      - generic [ref=e38]:
+        - paragraph [ref=e39]: Save, organize, and share your code snippets with beautiful syntax highlighting and live execution
+        - paragraph [ref=e40]: Supports React preview and Python execution via Pyodide
+  - region "Notifications alt+T"
+  - alert [ref=e41]
+```
\ No newline at end of file
diff --git a/test-results/e2e-css-styling-Advanced-S-a9d8e-d-word-spacing-are-readable-chromium-mobile/test-failed-1.png b/test-results/e2e-css-styling-Advanced-S-a9d8e-d-word-spacing-are-readable-chromium-mobile/test-failed-1.png
new file mode 100644
index 0000000..40f6495
Binary files /dev/null and b/test-results/e2e-css-styling-Advanced-S-a9d8e-d-word-spacing-are-readable-chromium-mobile/test-failed-1.png differ
diff --git a/test-results/e2e-css-styling-Advanced-S-a9d8e-d-word-spacing-are-readable-chromium-mobile/video.webm b/test-results/e2e-css-styling-Advanced-S-a9d8e-d-word-spacing-are-readable-chromium-mobile/video.webm
new file mode 100644
index 0000000..cea572f
Binary files /dev/null and b/test-results/e2e-css-styling-Advanced-S-a9d8e-d-word-spacing-are-readable-chromium-mobile/video.webm differ
diff --git a/test-results/e2e-functionality-Function-35807-emains-sticky-during-scroll-chromium-desktop/error-context.md b/test-results/e2e-functionality-Function-35807-emains-sticky-during-scroll-chromium-desktop/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-functionality-Function-35807-emains-sticky-during-scroll-chromium-desktop/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-functionality-Function-35807-emains-sticky-during-scroll-chromium-desktop/test-failed-1.png b/test-results/e2e-functionality-Function-35807-emains-sticky-during-scroll-chromium-desktop/test-failed-1.png
deleted file mode 100644
index b7cf863..0000000
Binary files a/test-results/e2e-functionality-Function-35807-emains-sticky-during-scroll-chromium-desktop/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-functionality-Function-35807-emains-sticky-during-scroll-chromium-desktop/video.webm b/test-results/e2e-functionality-Function-35807-emains-sticky-during-scroll-chromium-desktop/video.webm
deleted file mode 100644
index 116ce75..0000000
Binary files a/test-results/e2e-functionality-Function-35807-emains-sticky-during-scroll-chromium-desktop/video.webm and /dev/null differ
diff --git a/test-results/e2e-functionality-Function-35807-emains-sticky-during-scroll-chromium-mobile/error-context.md b/test-results/e2e-functionality-Function-35807-emains-sticky-during-scroll-chromium-mobile/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-functionality-Function-35807-emains-sticky-during-scroll-chromium-mobile/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-functionality-Function-35807-emains-sticky-during-scroll-chromium-mobile/test-failed-1.png b/test-results/e2e-functionality-Function-35807-emains-sticky-during-scroll-chromium-mobile/test-failed-1.png
deleted file mode 100644
index edc1d68..0000000
Binary files a/test-results/e2e-functionality-Function-35807-emains-sticky-during-scroll-chromium-mobile/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-functionality-Function-35807-emains-sticky-during-scroll-chromium-mobile/video.webm b/test-results/e2e-functionality-Function-35807-emains-sticky-during-scroll-chromium-mobile/video.webm
deleted file mode 100644
index 4b42069..0000000
Binary files a/test-results/e2e-functionality-Function-35807-emains-sticky-during-scroll-chromium-mobile/video.webm and /dev/null differ
diff --git a/test-results/e2e-functionality-Function-6d341--main-routes-without-errors-chromium-desktop/test-failed-1.png b/test-results/e2e-functionality-Function-6d341--main-routes-without-errors-chromium-desktop/test-failed-1.png
index b851944..8d490c9 100644
Binary files a/test-results/e2e-functionality-Function-6d341--main-routes-without-errors-chromium-desktop/test-failed-1.png and b/test-results/e2e-functionality-Function-6d341--main-routes-without-errors-chromium-desktop/test-failed-1.png differ
diff --git a/test-results/e2e-functionality-Function-6d341--main-routes-without-errors-chromium-desktop/video.webm b/test-results/e2e-functionality-Function-6d341--main-routes-without-errors-chromium-desktop/video.webm
index d7ee125..df09c08 100644
Binary files a/test-results/e2e-functionality-Function-6d341--main-routes-without-errors-chromium-desktop/video.webm and b/test-results/e2e-functionality-Function-6d341--main-routes-without-errors-chromium-desktop/video.webm differ
diff --git a/test-results/e2e-functionality-Function-6d341--main-routes-without-errors-chromium-mobile/error-context.md b/test-results/e2e-functionality-Function-6d341--main-routes-without-errors-chromium-mobile/error-context.md
index 76ef3b8..4c477c2 100644
--- a/test-results/e2e-functionality-Function-6d341--main-routes-without-errors-chromium-mobile/error-context.md
+++ b/test-results/e2e-functionality-Function-6d341--main-routes-without-errors-chromium-mobile/error-context.md
@@ -25,228 +25,167 @@
           - generic [ref=e31]: No Flask backend detected. Saving and loading will stay on this device until a server URL is configured.
       - generic [ref=e32]:
         - generic [ref=e33]:
-          - heading "Templates" [level=2] [ref=e34]
-          - paragraph [ref=e35]: Page-level layouts that combine organisms into complete interfaces
+          - heading "Settings" [level=2] [ref=e34]
+          - paragraph [ref=e35]: Manage your database and application settings
         - generic [ref=e36]:
           - generic [ref=e37]:
             - generic [ref=e38]:
-              - heading "Dashboard Layout" [level=2] [ref=e39]
-              - paragraph [ref=e40]: Complete dashboard with sidebar, stats, and content areas
-            - generic [ref=e41]:
-              - button "Save as Snippet" [ref=e43] [cursor=pointer]:
-                - img [ref=e44]
-                - text: Save as Snippet
+              - generic [ref=e39]:
+                - img [ref=e40]
+                - heading "OpenAI API Settings" [level=3] [ref=e43]
+              - paragraph [ref=e44]: Configure your OpenAI API key for AI-powered error analysis. Your key is stored locally in your browser.
+            - generic [ref=e45]:
               - generic [ref=e46]:
+                - text: OpenAI API Key
                 - generic [ref=e48]:
-                  - heading "Dashboard" [level=3] [ref=e50]
-                  - generic [ref=e51]:
-                    - button [ref=e52] [cursor=pointer]:
-                      - img [ref=e53]
-                    - button [ref=e55] [cursor=pointer]:
-                      - img [ref=e56]
-                    - generic [ref=e58]:
-                      - img [ref=e59]
-                      - generic [ref=e60]: U
-                - main [ref=e62]:
-                  - generic [ref=e63]:
-                    - generic [ref=e64]:
-                      - generic [ref=e65]:
-                        - heading "Overview" [level=1] [ref=e66]
-                        - paragraph [ref=e67]: Welcome back, here's what's happening
-                      - button "New Project" [ref=e68] [cursor=pointer]:
-                        - img [ref=e69]
-                        - text: New Project
-                    - generic [ref=e71]:
-                      - generic [ref=e74]:
-                        - paragraph [ref=e75]: Total Revenue
-                        - paragraph [ref=e76]: $45,231
-                        - paragraph [ref=e77]:
-                          - img [ref=e78]
-                          - text: +20.1% from last month
-                      - generic [ref=e82]:
-                        - paragraph [ref=e83]: Active Users
-                        - paragraph [ref=e84]: 2,350
-                        - paragraph [ref=e85]:
-                          - img [ref=e86]
-                          - text: +12.5% from last month
-                      - generic [ref=e90]:
-                        - paragraph [ref=e91]: Total Orders
-                        - paragraph [ref=e92]: 1,234
-                        - paragraph [ref=e93]:
-                          - img [ref=e94]
-                          - text: +8.2% from last month
-                    - generic [ref=e96]:
-                      - generic [ref=e97]:
-                        - heading "Recent Activity" [level=3] [ref=e99]
-                        - generic [ref=e100]:
-                          - generic [ref=e101]:
-                            - generic [ref=e102]:
-                              - img [ref=e103]
-                              - generic [ref=e104]: U
-                            - generic [ref=e105]:
-                              - paragraph [ref=e106]:
-                                - generic [ref=e107]: User 1
-                                - text: completed a task
-                              - paragraph [ref=e108]: 2 hours ago
-                          - generic [ref=e109]:
-                            - generic [ref=e110]:
-                              - img [ref=e111]
-                              - generic [ref=e112]: U
-                            - generic [ref=e113]:
-                              - paragraph [ref=e114]:
-                                - generic [ref=e115]: User 2
-                                - text: completed a task
-                              - paragraph [ref=e116]: 2 hours ago
-                          - generic [ref=e117]:
-                            - generic [ref=e118]:
-                              - img [ref=e119]
-                              - generic [ref=e120]: U
-                            - generic [ref=e121]:
-                              - paragraph [ref=e122]:
-                                - generic [ref=e123]: User 3
-                                - text: completed a task
-                              - paragraph [ref=e124]: 2 hours ago
-                      - generic [ref=e125]:
-                        - heading "Quick Actions" [level=3] [ref=e127]
-                        - generic [ref=e128]:
-                          - button "Create New Project" [ref=e129] [cursor=pointer]:
-                            - img [ref=e130]
-                            - text: Create New Project
-                          - button "Invite Team Members" [ref=e132] [cursor=pointer]:
-                            - img [ref=e133]
-                            - text: Invite Team Members
-                          - button "Browse Templates" [ref=e135] [cursor=pointer]:
-                            - img [ref=e136]
-                            - text: Browse Templates
-          - generic [ref=e138]:
-            - generic [ref=e139]:
-              - heading "Landing Page" [level=2] [ref=e140]
-              - paragraph [ref=e141]: Marketing page with hero, features, and CTA sections
-            - generic [ref=e142]:
-              - button "Save as Snippet" [ref=e144] [cursor=pointer]:
+                  - textbox "OpenAI API key" [ref=e49]:
+                    - /placeholder: sk-...
+                  - button "Show API key" [ref=e50]:
+                    - img [ref=e51]
+                - paragraph [ref=e53]:
+                  - text: Get your API key from
+                  - link "OpenAI Platform" [ref=e54] [cursor=pointer]:
+                    - /url: https://platform.openai.com/api-keys
+              - button "Save API Key" [disabled] [ref=e56]
+          - generic [ref=e57]:
+            - generic [ref=e59]:
+              - img [ref=e61]
+              - generic [ref=e64]:
+                - heading "Redux Persistence" [level=3] [ref=e65]
+                - paragraph [ref=e66]: Automatic database synchronization for Redux state
+            - generic [ref=e67]:
+              - generic [ref=e68]:
+                - generic [ref=e69]:
+                  - text: Auto-Save Enabled
+                  - paragraph [ref=e70]: Automatically sync Redux state changes to database
+                - switch "Auto-Save Enabled" [checked] [ref=e72]:
+                  - switch "Auto-Save Enabled" [checked] [ref=e73]
+              - generic [ref=e74]:
+                - generic [ref=e75]:
+                  - generic [ref=e76]:
+                    - text: Debug Logging
+                    - img [ref=e77]
+                  - paragraph [ref=e79]: Log persistence operations to console
+                - switch "Debug Logging" [checked] [ref=e81]:
+                  - switch "Debug Logging" [checked] [ref=e82]
+              - generic [ref=e83]:
+                - generic [ref=e84]:
+                  - generic [ref=e85]:
+                    - text: Save Delay
+                    - img [ref=e86]
+                  - generic [ref=e88]: 100ms
+                - generic [ref=e89]:
+                  - slider "Save Delay" [ref=e91]: "100"
+                  - paragraph [ref=e92]: Delay between rapid actions and database save (0-1000ms)
+              - generic [ref=e93]:
+                - generic [ref=e94]:
+                  - generic [ref=e95]: Monitored Actions
+                  - generic [ref=e96]: "6"
+                - generic [ref=e97]:
+                  - generic [ref=e98]: fulfilled
+                  - generic [ref=e99]: fulfilled
+                  - generic [ref=e100]: fulfilled
+                  - generic [ref=e101]: fulfilled
+                  - generic [ref=e102]: fulfilled
+                  - generic [ref=e103]: fulfilled
+              - generic [ref=e104]:
+                - generic [ref=e105]: Retry Settings
+                - generic [ref=e106]:
+                  - generic [ref=e107]:
+                    - generic [ref=e108]: Retry on Failure
+                    - generic [ref=e109]: "Yes"
+                  - generic [ref=e110]:
+                    - generic [ref=e111]: Max Retries
+                    - generic [ref=e112]: "3"
+                  - generic [ref=e113]:
+                    - generic [ref=e114]: Retry Delay
+                    - generic [ref=e115]: 1000ms
+          - generic [ref=e117]:
+            - heading "Schema Healthy" [level=3] [ref=e118]:
+              - img [ref=e119]
+              - text: Schema Healthy
+            - paragraph [ref=e121]: Your database schema is up to date and functioning correctly
+          - generic [ref=e122]:
+            - generic [ref=e123]:
+              - heading "Storage Backend" [level=3] [ref=e124]:
+                - img [ref=e125]
+                - text: Storage Backend
+              - paragraph [ref=e128]: Choose where your snippets are stored
+            - generic [ref=e129]:
+              - radiogroup [ref=e130]:
+                - generic [ref=e131]:
+                  - radio "IndexedDB (Local Browser Storage)" [checked] [ref=e134]
+                  - generic [ref=e135]:
+                    - text: IndexedDB (Local Browser Storage)
+                    - paragraph [ref=e136]: Store snippets locally in your browser. Data persists on this device only.
+                - generic [ref=e137]:
+                  - radio "Flask Backend (Remote Server)" [ref=e140]
+                  - generic [ref=e141]:
+                    - text: Flask Backend (Remote Server)
+                    - paragraph [ref=e142]: Store snippets on a Flask backend server. Data is accessible from any device.
+              - button "Save Storage Settings" [ref=e144] [cursor=pointer]:
                 - img [ref=e145]
-                - text: Save as Snippet
-              - generic [ref=e147]:
-                - generic [ref=e149]:
-                  - heading "ProductName" [level=3] [ref=e152]
-                  - generic [ref=e153]:
-                    - button "Features" [ref=e154] [cursor=pointer]
-                    - button "Pricing" [ref=e155] [cursor=pointer]
-                    - button "About" [ref=e156] [cursor=pointer]
-                    - button "Sign Up" [ref=e157] [cursor=pointer]
-                - generic [ref=e158]:
-                  - generic [ref=e159]: New Release
-                  - heading "Build Amazing Products Faster" [level=1] [ref=e160]
-                  - paragraph [ref=e161]: The complete toolkit for modern product development. Ship faster with our component library and design system.
-                  - generic [ref=e162]:
-                    - button "Get Started" [ref=e163] [cursor=pointer]:
-                      - text: Get Started
-                      - img [ref=e164]
-                    - button "View Demo" [ref=e166] [cursor=pointer]
-                - generic [ref=e167]:
-                  - generic [ref=e168]:
-                    - heading "Features" [level=2] [ref=e169]
-                    - paragraph [ref=e170]: Everything you need to build production-ready applications
-                  - generic [ref=e171]:
-                    - generic [ref=e172]:
-                      - img [ref=e174]
-                      - heading "Analytics" [level=3] [ref=e176]
-                      - paragraph [ref=e177]: Track and analyze your product metrics in real-time
-                    - generic [ref=e178]:
-                      - img [ref=e180]
-                      - heading "Collaboration" [level=3] [ref=e182]
-                      - paragraph [ref=e183]: Work together with your team seamlessly
-                    - generic [ref=e184]:
-                      - img [ref=e186]
-                      - heading "Customizable" [level=3] [ref=e188]
-                      - paragraph [ref=e189]: Adapt the platform to your specific needs
-                - generic [ref=e190]:
-                  - heading "Ready to get started?" [level=2] [ref=e191]
-                  - paragraph [ref=e192]: Join thousands of teams already building with our platform
-                  - button "Start Free Trial" [ref=e193] [cursor=pointer]:
-                    - text: Start Free Trial
-                    - img [ref=e194]
-          - generic [ref=e196]:
-            - generic [ref=e197]:
-              - heading "E-commerce Product Page" [level=2] [ref=e198]
-              - paragraph [ref=e199]: Product detail page with images, info, and purchase options
-            - generic [ref=e200]:
-              - button "Save as Snippet" [ref=e202] [cursor=pointer]:
-                - img [ref=e203]
-                - text: Save as Snippet
-              - generic [ref=e205]:
-                - generic [ref=e207]:
-                  - heading "Store" [level=3] [ref=e209]
-                  - generic [ref=e210]:
-                    - button [ref=e211] [cursor=pointer]:
-                      - img [ref=e212]
-                    - generic [ref=e215]: U
-                - generic [ref=e225]:
-                  - generic [ref=e226]:
-                    - generic [ref=e227]: New Arrival
-                    - heading "Premium Product Name" [level=1] [ref=e228]
-                    - generic [ref=e229]:
-                      - generic [ref=e230]: $299.00
-                      - generic [ref=e231]: $399.00
-                  - generic [ref=e232]:
-                    - heading "Description" [level=3] [ref=e233]
-                    - paragraph [ref=e234]: Experience premium quality with this exceptional product. Crafted with attention to detail and designed for those who demand excellence.
-                  - generic [ref=e235]:
-                    - heading "Features" [level=3] [ref=e236]
-                    - list [ref=e237]:
-                      - listitem [ref=e238]: • Premium materials and construction
-                      - listitem [ref=e239]: • Industry-leading performance
-                      - listitem [ref=e240]: • 2-year warranty included
-                      - listitem [ref=e241]: • Free shipping on orders over $50
-                  - generic [ref=e242]:
-                    - button "Add to Cart" [ref=e243] [cursor=pointer]:
-                      - img [ref=e244]
-                      - text: Add to Cart
-                    - button "Add to Wishlist" [ref=e246] [cursor=pointer]
-          - generic [ref=e247]:
-            - generic [ref=e248]:
-              - heading "Blog Article" [level=2] [ref=e249]
-              - paragraph [ref=e250]: Article layout with header, content, and sidebar
-            - generic [ref=e251]:
-              - button "Save as Snippet" [ref=e253] [cursor=pointer]:
-                - img [ref=e254]
-                - text: Save as Snippet
-              - generic [ref=e256]:
-                - generic [ref=e258]:
-                  - heading "Blog" [level=3] [ref=e259]
-                  - generic [ref=e260]:
-                    - button "Articles" [ref=e261] [cursor=pointer]
-                    - button "Tutorials" [ref=e262] [cursor=pointer]
-                    - button "About" [ref=e263] [cursor=pointer]
-                - generic [ref=e265]:
-                  - generic [ref=e266]:
-                    - generic [ref=e267]:
-                      - generic [ref=e268]: Design
-                      - generic [ref=e269]: Tutorial
-                    - heading "Building a Comprehensive Component Library" [level=1] [ref=e270]
-                    - generic [ref=e271]:
-                      - generic [ref=e272]:
-                        - img [ref=e273]
-                        - generic [ref=e274]: AW
-                      - generic [ref=e275]:
-                        - paragraph [ref=e276]: Alex Writer
-                        - paragraph [ref=e277]: March 15, 2024 · 10 min read
-                  - generic [ref=e278]:
-                    - paragraph [ref=e280]: Design systems have become an essential part of modern product development. They provide consistency, improve efficiency, and create a shared language between designers and developers.
-                    - heading "Understanding Atomic Design" [level=2] [ref=e281]
-                    - paragraph [ref=e282]: "The atomic design methodology consists of five distinct stages: atoms, molecules, organisms, templates, and pages. Each stage builds upon the previous, creating a comprehensive system that scales with your needs."
-                    - paragraph [ref=e284]: "\"A design system is never complete. It's a living, breathing ecosystem that evolves with your product and team.\""
-                    - heading "Getting Started" [level=2] [ref=e285]
-                    - paragraph [ref=e286]: Begin by identifying the core components your product needs. Start small with basic atoms like buttons and inputs, then gradually build up to more complex organisms and templates.
-                  - generic [ref=e287]:
-                    - button "Previous Article" [ref=e288] [cursor=pointer]
-                    - button "Next Article" [ref=e289] [cursor=pointer]:
-                      - text: Next Article
-                      - img [ref=e290]
-    - contentinfo [ref=e292]:
-      - generic [ref=e294]:
-        - paragraph [ref=e295]: Save, organize, and share your code snippets with beautiful syntax highlighting and live execution
-        - paragraph [ref=e296]: Supports React preview and Python execution via Pyodide
+                - text: Save Storage Settings
+          - generic [ref=e147]:
+            - generic [ref=e148]:
+              - heading "Database Statistics" [level=3] [ref=e149]:
+                - img [ref=e150]
+                - text: Database Statistics
+              - paragraph [ref=e153]: Information about your local database storage
+            - generic [ref=e155]:
+              - generic [ref=e156]:
+                - generic [ref=e157]: Snippets
+                - generic [ref=e158]: "0"
+              - generic [ref=e159]:
+                - generic [ref=e160]: Templates
+                - generic [ref=e161]: "0"
+              - generic [ref=e162]:
+                - generic [ref=e163]: Storage Type
+                - generic [ref=e164]: indexeddb
+              - generic [ref=e165]:
+                - generic [ref=e166]: Database Size
+                - generic [ref=e167]: 0 Bytes
+          - generic [ref=e168]:
+            - generic [ref=e169]:
+              - heading "Storage Information" [level=3] [ref=e170]
+              - paragraph [ref=e171]: How your data is stored
+            - alert [ref=e173]:
+              - generic [ref=e174]:
+                - strong [ref=e175]: IndexedDB
+                - text: is being used for storage. This provides better performance and larger storage capacity compared to localStorage. Your data persists locally in your browser.
+          - generic [ref=e176]:
+            - generic [ref=e177]:
+              - heading "Database Actions" [level=3] [ref=e178]
+              - paragraph [ref=e179]: Backup, restore, or reset your database
+            - generic [ref=e180]:
+              - generic [ref=e181]:
+                - heading "Export Database" [level=3] [ref=e182]
+                - paragraph [ref=e183]: Download your database as a file for backup or transfer to another device
+                - button "Export Database" [ref=e184] [cursor=pointer]:
+                  - img [ref=e185]
+                  - text: Export Database
+              - generic [ref=e187]:
+                - heading "Import Database" [level=3] [ref=e188]
+                - paragraph [ref=e189]: Restore a previously exported database file
+                - generic [ref=e192] [cursor=pointer]:
+                  - img [ref=e193]
+                  - text: Import Database
+              - generic [ref=e195]:
+                - heading "Sample Data" [level=3] [ref=e196]
+                - paragraph [ref=e197]: Add sample code snippets to get started (only if database is empty)
+                - button "Add Sample Data" [ref=e198] [cursor=pointer]:
+                  - img [ref=e199]
+                  - text: Add Sample Data
+              - generic [ref=e201]:
+                - heading "Clear All Data" [level=3] [ref=e202]
+                - paragraph [ref=e203]: Permanently delete all snippets and templates. This cannot be undone.
+                - button "Clear Database" [ref=e204] [cursor=pointer]:
+                  - img [ref=e205]
+                  - text: Clear Database
+    - contentinfo [ref=e207]:
+      - generic [ref=e209]:
+        - paragraph [ref=e210]: Save, organize, and share your code snippets with beautiful syntax highlighting and live execution
+        - paragraph [ref=e211]: Supports React preview and Python execution via Pyodide
   - region "Notifications alt+T"
-  - alert [ref=e297]
+  - alert [ref=e212]
 ```
\ No newline at end of file
diff --git a/test-results/e2e-functionality-Function-6d341--main-routes-without-errors-chromium-mobile/test-failed-1.png b/test-results/e2e-functionality-Function-6d341--main-routes-without-errors-chromium-mobile/test-failed-1.png
index a7d4293..525e158 100644
Binary files a/test-results/e2e-functionality-Function-6d341--main-routes-without-errors-chromium-mobile/test-failed-1.png and b/test-results/e2e-functionality-Function-6d341--main-routes-without-errors-chromium-mobile/test-failed-1.png differ
diff --git a/test-results/e2e-functionality-Function-6d341--main-routes-without-errors-chromium-mobile/video.webm b/test-results/e2e-functionality-Function-6d341--main-routes-without-errors-chromium-mobile/video.webm
index e72d86e..5480abe 100644
Binary files a/test-results/e2e-functionality-Function-6d341--main-routes-without-errors-chromium-mobile/video.webm and b/test-results/e2e-functionality-Function-6d341--main-routes-without-errors-chromium-mobile/video.webm differ
diff --git a/test-results/e2e-functionality-Function-a4271-s-missing-images-gracefully-chromium-desktop/test-failed-1.png b/test-results/e2e-functionality-Function-a4271-s-missing-images-gracefully-chromium-desktop/test-failed-1.png
deleted file mode 100644
index 6ece240..0000000
Binary files a/test-results/e2e-functionality-Function-a4271-s-missing-images-gracefully-chromium-desktop/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-functionality-Function-a4271-s-missing-images-gracefully-chromium-desktop/video.webm b/test-results/e2e-functionality-Function-a4271-s-missing-images-gracefully-chromium-desktop/video.webm
deleted file mode 100644
index 9547aba..0000000
Binary files a/test-results/e2e-functionality-Function-a4271-s-missing-images-gracefully-chromium-desktop/video.webm and /dev/null differ
diff --git a/test-results/e2e-functionality-Function-a4271-s-missing-images-gracefully-chromium-mobile/error-context.md b/test-results/e2e-functionality-Function-a4271-s-missing-images-gracefully-chromium-mobile/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-functionality-Function-a4271-s-missing-images-gracefully-chromium-mobile/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-functionality-Function-a4271-s-missing-images-gracefully-chromium-mobile/test-failed-1.png b/test-results/e2e-functionality-Function-a4271-s-missing-images-gracefully-chromium-mobile/test-failed-1.png
deleted file mode 100644
index edc1d68..0000000
Binary files a/test-results/e2e-functionality-Function-a4271-s-missing-images-gracefully-chromium-mobile/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-functionality-Function-a4271-s-missing-images-gracefully-chromium-mobile/video.webm b/test-results/e2e-functionality-Function-a4271-s-missing-images-gracefully-chromium-mobile/video.webm
deleted file mode 100644
index 9274c31..0000000
Binary files a/test-results/e2e-functionality-Function-a4271-s-missing-images-gracefully-chromium-mobile/video.webm and /dev/null differ
diff --git a/test-results/e2e-functionality-Function-c7e71-dings-have-proper-hierarchy-chromium-desktop/error-context.md b/test-results/e2e-functionality-Function-c7e71-dings-have-proper-hierarchy-chromium-desktop/error-context.md
new file mode 100644
index 0000000..7c82fa3
--- /dev/null
+++ b/test-results/e2e-functionality-Function-c7e71-dings-have-proper-hierarchy-chromium-desktop/error-context.md
@@ -0,0 +1,35 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - generic [ref=e3]:
+    - banner [ref=e4]:
+      - generic [ref=e6]:
+        - generic [ref=e7]:
+          - button "Toggle navigation menu" [ref=e8]:
+            - img [ref=e9]
+          - img [ref=e12]
+          - text: CodeSnippet
+        - generic [ref=e15]:
+          - img [ref=e16]
+          - generic [ref=e18]: Local
+    - main [ref=e19]:
+      - generic [ref=e21]:
+        - alert [ref=e22]:
+          - img [ref=e23]
+          - heading "Workspace ready" [level=5] [ref=e25]
+          - generic [ref=e26]: Running in local-first mode so you can work offline without a backend.
+        - alert [ref=e27]:
+          - img [ref=e28]
+          - heading "Cloud backend unavailable" [level=5] [ref=e30]
+          - generic [ref=e31]: No Flask backend detected. Saving and loading will stay on this device until a server URL is configured.
+      - generic [ref=e33]:
+        - heading "My Snippets" [level=1] [ref=e34]
+        - paragraph [ref=e35]: Save, organize, and share your code snippets
+    - contentinfo [ref=e36]:
+      - generic [ref=e38]:
+        - paragraph [ref=e39]: Save, organize, and share your code snippets with beautiful syntax highlighting and live execution
+        - paragraph [ref=e40]: Supports React preview and Python execution via Pyodide
+  - region "Notifications alt+T"
+  - alert [ref=e41]
+```
\ No newline at end of file
diff --git a/test-results/e2e-functionality-Function-c7e71-dings-have-proper-hierarchy-chromium-desktop/test-failed-1.png b/test-results/e2e-functionality-Function-c7e71-dings-have-proper-hierarchy-chromium-desktop/test-failed-1.png
new file mode 100644
index 0000000..d4614d4
Binary files /dev/null and b/test-results/e2e-functionality-Function-c7e71-dings-have-proper-hierarchy-chromium-desktop/test-failed-1.png differ
diff --git a/test-results/e2e-functionality-Function-c7e71-dings-have-proper-hierarchy-chromium-desktop/video.webm b/test-results/e2e-functionality-Function-c7e71-dings-have-proper-hierarchy-chromium-desktop/video.webm
new file mode 100644
index 0000000..7963631
Binary files /dev/null and b/test-results/e2e-functionality-Function-c7e71-dings-have-proper-hierarchy-chromium-desktop/video.webm differ
diff --git a/test-results/e2e-functionality-Function-c7e71-dings-have-proper-hierarchy-chromium-mobile/error-context.md b/test-results/e2e-functionality-Function-c7e71-dings-have-proper-hierarchy-chromium-mobile/error-context.md
new file mode 100644
index 0000000..7c82fa3
--- /dev/null
+++ b/test-results/e2e-functionality-Function-c7e71-dings-have-proper-hierarchy-chromium-mobile/error-context.md
@@ -0,0 +1,35 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - generic [ref=e3]:
+    - banner [ref=e4]:
+      - generic [ref=e6]:
+        - generic [ref=e7]:
+          - button "Toggle navigation menu" [ref=e8]:
+            - img [ref=e9]
+          - img [ref=e12]
+          - text: CodeSnippet
+        - generic [ref=e15]:
+          - img [ref=e16]
+          - generic [ref=e18]: Local
+    - main [ref=e19]:
+      - generic [ref=e21]:
+        - alert [ref=e22]:
+          - img [ref=e23]
+          - heading "Workspace ready" [level=5] [ref=e25]
+          - generic [ref=e26]: Running in local-first mode so you can work offline without a backend.
+        - alert [ref=e27]:
+          - img [ref=e28]
+          - heading "Cloud backend unavailable" [level=5] [ref=e30]
+          - generic [ref=e31]: No Flask backend detected. Saving and loading will stay on this device until a server URL is configured.
+      - generic [ref=e33]:
+        - heading "My Snippets" [level=1] [ref=e34]
+        - paragraph [ref=e35]: Save, organize, and share your code snippets
+    - contentinfo [ref=e36]:
+      - generic [ref=e38]:
+        - paragraph [ref=e39]: Save, organize, and share your code snippets with beautiful syntax highlighting and live execution
+        - paragraph [ref=e40]: Supports React preview and Python execution via Pyodide
+  - region "Notifications alt+T"
+  - alert [ref=e41]
+```
\ No newline at end of file
diff --git a/test-results/e2e-functionality-Function-c7e71-dings-have-proper-hierarchy-chromium-mobile/test-failed-1.png b/test-results/e2e-functionality-Function-c7e71-dings-have-proper-hierarchy-chromium-mobile/test-failed-1.png
new file mode 100644
index 0000000..55d03b5
Binary files /dev/null and b/test-results/e2e-functionality-Function-c7e71-dings-have-proper-hierarchy-chromium-mobile/test-failed-1.png differ
diff --git a/test-results/e2e-functionality-Function-c7e71-dings-have-proper-hierarchy-chromium-mobile/video.webm b/test-results/e2e-functionality-Function-c7e71-dings-have-proper-hierarchy-chromium-mobile/video.webm
new file mode 100644
index 0000000..776b8ac
Binary files /dev/null and b/test-results/e2e-functionality-Function-c7e71-dings-have-proper-hierarchy-chromium-mobile/video.webm differ
diff --git a/test-results/e2e-home-home-page-renders-51aff-ions-without-console-errors-chromium-desktop/error-context.md b/test-results/e2e-home-home-page-renders-51aff-ions-without-console-errors-chromium-desktop/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-home-home-page-renders-51aff-ions-without-console-errors-chromium-desktop/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-home-home-page-renders-51aff-ions-without-console-errors-chromium-desktop/test-failed-1.png b/test-results/e2e-home-home-page-renders-51aff-ions-without-console-errors-chromium-desktop/test-failed-1.png
deleted file mode 100644
index b7cf863..0000000
Binary files a/test-results/e2e-home-home-page-renders-51aff-ions-without-console-errors-chromium-desktop/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-home-home-page-renders-51aff-ions-without-console-errors-chromium-desktop/video.webm b/test-results/e2e-home-home-page-renders-51aff-ions-without-console-errors-chromium-desktop/video.webm
deleted file mode 100644
index b228bdf..0000000
Binary files a/test-results/e2e-home-home-page-renders-51aff-ions-without-console-errors-chromium-desktop/video.webm and /dev/null differ
diff --git a/test-results/e2e-home-home-page-renders-51aff-ions-without-console-errors-chromium-mobile/error-context.md b/test-results/e2e-home-home-page-renders-51aff-ions-without-console-errors-chromium-mobile/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-home-home-page-renders-51aff-ions-without-console-errors-chromium-mobile/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-home-home-page-renders-51aff-ions-without-console-errors-chromium-mobile/test-failed-1.png b/test-results/e2e-home-home-page-renders-51aff-ions-without-console-errors-chromium-mobile/test-failed-1.png
deleted file mode 100644
index edc1d68..0000000
Binary files a/test-results/e2e-home-home-page-renders-51aff-ions-without-console-errors-chromium-mobile/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-home-home-page-renders-51aff-ions-without-console-errors-chromium-mobile/video.webm b/test-results/e2e-home-home-page-renders-51aff-ions-without-console-errors-chromium-mobile/video.webm
deleted file mode 100644
index b14cdd8..0000000
Binary files a/test-results/e2e-home-home-page-renders-51aff-ions-without-console-errors-chromium-mobile/video.webm and /dev/null differ
diff --git a/test-results/e2e-home-home-page-stays-w-0b7cf-ile-no-horizontal-overflow--chromium-mobile/error-context.md b/test-results/e2e-home-home-page-stays-w-0b7cf-ile-no-horizontal-overflow--chromium-mobile/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-home-home-page-stays-w-0b7cf-ile-no-horizontal-overflow--chromium-mobile/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-home-home-page-stays-w-0b7cf-ile-no-horizontal-overflow--chromium-mobile/test-failed-1.png b/test-results/e2e-home-home-page-stays-w-0b7cf-ile-no-horizontal-overflow--chromium-mobile/test-failed-1.png
deleted file mode 100644
index edc1d68..0000000
Binary files a/test-results/e2e-home-home-page-stays-w-0b7cf-ile-no-horizontal-overflow--chromium-mobile/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-home-home-page-stays-w-0b7cf-ile-no-horizontal-overflow--chromium-mobile/video.webm b/test-results/e2e-home-home-page-stays-w-0b7cf-ile-no-horizontal-overflow--chromium-mobile/video.webm
deleted file mode 100644
index 50330ad..0000000
Binary files a/test-results/e2e-home-home-page-stays-w-0b7cf-ile-no-horizontal-overflow--chromium-mobile/video.webm and /dev/null differ
diff --git a/test-results/e2e-mobile-responsive-Mobi-08d5d-appropriate-for-readability-chromium-desktop/error-context.md b/test-results/e2e-mobile-responsive-Mobi-08d5d-appropriate-for-readability-chromium-desktop/error-context.md
new file mode 100644
index 0000000..7c82fa3
--- /dev/null
+++ b/test-results/e2e-mobile-responsive-Mobi-08d5d-appropriate-for-readability-chromium-desktop/error-context.md
@@ -0,0 +1,35 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - generic [ref=e3]:
+    - banner [ref=e4]:
+      - generic [ref=e6]:
+        - generic [ref=e7]:
+          - button "Toggle navigation menu" [ref=e8]:
+            - img [ref=e9]
+          - img [ref=e12]
+          - text: CodeSnippet
+        - generic [ref=e15]:
+          - img [ref=e16]
+          - generic [ref=e18]: Local
+    - main [ref=e19]:
+      - generic [ref=e21]:
+        - alert [ref=e22]:
+          - img [ref=e23]
+          - heading "Workspace ready" [level=5] [ref=e25]
+          - generic [ref=e26]: Running in local-first mode so you can work offline without a backend.
+        - alert [ref=e27]:
+          - img [ref=e28]
+          - heading "Cloud backend unavailable" [level=5] [ref=e30]
+          - generic [ref=e31]: No Flask backend detected. Saving and loading will stay on this device until a server URL is configured.
+      - generic [ref=e33]:
+        - heading "My Snippets" [level=1] [ref=e34]
+        - paragraph [ref=e35]: Save, organize, and share your code snippets
+    - contentinfo [ref=e36]:
+      - generic [ref=e38]:
+        - paragraph [ref=e39]: Save, organize, and share your code snippets with beautiful syntax highlighting and live execution
+        - paragraph [ref=e40]: Supports React preview and Python execution via Pyodide
+  - region "Notifications alt+T"
+  - alert [ref=e41]
+```
\ No newline at end of file
diff --git a/test-results/e2e-mobile-responsive-Mobi-08d5d-appropriate-for-readability-chromium-desktop/test-failed-1.png b/test-results/e2e-mobile-responsive-Mobi-08d5d-appropriate-for-readability-chromium-desktop/test-failed-1.png
new file mode 100644
index 0000000..1ae12f5
Binary files /dev/null and b/test-results/e2e-mobile-responsive-Mobi-08d5d-appropriate-for-readability-chromium-desktop/test-failed-1.png differ
diff --git a/test-results/e2e-mobile-responsive-Mobi-08d5d-appropriate-for-readability-chromium-desktop/video.webm b/test-results/e2e-mobile-responsive-Mobi-08d5d-appropriate-for-readability-chromium-desktop/video.webm
new file mode 100644
index 0000000..5f95905
Binary files /dev/null and b/test-results/e2e-mobile-responsive-Mobi-08d5d-appropriate-for-readability-chromium-desktop/video.webm differ
diff --git a/test-results/e2e-mobile-responsive-Mobi-08d5d-appropriate-for-readability-chromium-mobile/error-context.md b/test-results/e2e-mobile-responsive-Mobi-08d5d-appropriate-for-readability-chromium-mobile/error-context.md
new file mode 100644
index 0000000..7c82fa3
--- /dev/null
+++ b/test-results/e2e-mobile-responsive-Mobi-08d5d-appropriate-for-readability-chromium-mobile/error-context.md
@@ -0,0 +1,35 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - generic [ref=e3]:
+    - banner [ref=e4]:
+      - generic [ref=e6]:
+        - generic [ref=e7]:
+          - button "Toggle navigation menu" [ref=e8]:
+            - img [ref=e9]
+          - img [ref=e12]
+          - text: CodeSnippet
+        - generic [ref=e15]:
+          - img [ref=e16]
+          - generic [ref=e18]: Local
+    - main [ref=e19]:
+      - generic [ref=e21]:
+        - alert [ref=e22]:
+          - img [ref=e23]
+          - heading "Workspace ready" [level=5] [ref=e25]
+          - generic [ref=e26]: Running in local-first mode so you can work offline without a backend.
+        - alert [ref=e27]:
+          - img [ref=e28]
+          - heading "Cloud backend unavailable" [level=5] [ref=e30]
+          - generic [ref=e31]: No Flask backend detected. Saving and loading will stay on this device until a server URL is configured.
+      - generic [ref=e33]:
+        - heading "My Snippets" [level=1] [ref=e34]
+        - paragraph [ref=e35]: Save, organize, and share your code snippets
+    - contentinfo [ref=e36]:
+      - generic [ref=e38]:
+        - paragraph [ref=e39]: Save, organize, and share your code snippets with beautiful syntax highlighting and live execution
+        - paragraph [ref=e40]: Supports React preview and Python execution via Pyodide
+  - region "Notifications alt+T"
+  - alert [ref=e41]
+```
\ No newline at end of file
diff --git a/test-results/e2e-mobile-responsive-Mobi-08d5d-appropriate-for-readability-chromium-mobile/test-failed-1.png b/test-results/e2e-mobile-responsive-Mobi-08d5d-appropriate-for-readability-chromium-mobile/test-failed-1.png
new file mode 100644
index 0000000..85235e7
Binary files /dev/null and b/test-results/e2e-mobile-responsive-Mobi-08d5d-appropriate-for-readability-chromium-mobile/test-failed-1.png differ
diff --git a/test-results/e2e-mobile-responsive-Mobi-08d5d-appropriate-for-readability-chromium-mobile/video.webm b/test-results/e2e-mobile-responsive-Mobi-08d5d-appropriate-for-readability-chromium-mobile/video.webm
new file mode 100644
index 0000000..bbc4d1b
Binary files /dev/null and b/test-results/e2e-mobile-responsive-Mobi-08d5d-appropriate-for-readability-chromium-mobile/video.webm differ
diff --git a/test-results/e2e-mobile-responsive-Mobi-354ac-cause-unintended-navigation-chromium-mobile/test-failed-1.png b/test-results/e2e-mobile-responsive-Mobi-354ac-cause-unintended-navigation-chromium-mobile/test-failed-1.png
index e376011..51364f1 100644
Binary files a/test-results/e2e-mobile-responsive-Mobi-354ac-cause-unintended-navigation-chromium-mobile/test-failed-1.png and b/test-results/e2e-mobile-responsive-Mobi-354ac-cause-unintended-navigation-chromium-mobile/test-failed-1.png differ
diff --git a/test-results/e2e-mobile-responsive-Mobi-354ac-cause-unintended-navigation-chromium-mobile/video.webm b/test-results/e2e-mobile-responsive-Mobi-354ac-cause-unintended-navigation-chromium-mobile/video.webm
index fdab250..b874213 100644
Binary files a/test-results/e2e-mobile-responsive-Mobi-354ac-cause-unintended-navigation-chromium-mobile/video.webm and b/test-results/e2e-mobile-responsive-Mobi-354ac-cause-unintended-navigation-chromium-mobile/video.webm differ
diff --git a/test-results/e2e-mobile-responsive-Mobi-47e69-touch-targets-don-t-overlap-chromium-mobile/error-context.md b/test-results/e2e-mobile-responsive-Mobi-47e69-touch-targets-don-t-overlap-chromium-mobile/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-mobile-responsive-Mobi-47e69-touch-targets-don-t-overlap-chromium-mobile/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-mobile-responsive-Mobi-47e69-touch-targets-don-t-overlap-chromium-mobile/test-failed-1.png b/test-results/e2e-mobile-responsive-Mobi-47e69-touch-targets-don-t-overlap-chromium-mobile/test-failed-1.png
deleted file mode 100644
index edc1d68..0000000
Binary files a/test-results/e2e-mobile-responsive-Mobi-47e69-touch-targets-don-t-overlap-chromium-mobile/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-mobile-responsive-Mobi-47e69-touch-targets-don-t-overlap-chromium-mobile/video.webm b/test-results/e2e-mobile-responsive-Mobi-47e69-touch-targets-don-t-overlap-chromium-mobile/video.webm
deleted file mode 100644
index e78de33..0000000
Binary files a/test-results/e2e-mobile-responsive-Mobi-47e69-touch-targets-don-t-overlap-chromium-mobile/video.webm and /dev/null differ
diff --git a/test-results/e2e-mobile-responsive-Mobi-4f81a-lumn-layout-works-on-tablet-chromium-desktop/error-context.md b/test-results/e2e-mobile-responsive-Mobi-4f81a-lumn-layout-works-on-tablet-chromium-desktop/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-mobile-responsive-Mobi-4f81a-lumn-layout-works-on-tablet-chromium-desktop/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-mobile-responsive-Mobi-4f81a-lumn-layout-works-on-tablet-chromium-desktop/test-failed-1.png b/test-results/e2e-mobile-responsive-Mobi-4f81a-lumn-layout-works-on-tablet-chromium-desktop/test-failed-1.png
deleted file mode 100644
index 9c3f246..0000000
Binary files a/test-results/e2e-mobile-responsive-Mobi-4f81a-lumn-layout-works-on-tablet-chromium-desktop/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-mobile-responsive-Mobi-4f81a-lumn-layout-works-on-tablet-chromium-mobile/error-context.md b/test-results/e2e-mobile-responsive-Mobi-4f81a-lumn-layout-works-on-tablet-chromium-mobile/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-mobile-responsive-Mobi-4f81a-lumn-layout-works-on-tablet-chromium-mobile/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-mobile-responsive-Mobi-4f81a-lumn-layout-works-on-tablet-chromium-mobile/test-failed-1.png b/test-results/e2e-mobile-responsive-Mobi-4f81a-lumn-layout-works-on-tablet-chromium-mobile/test-failed-1.png
deleted file mode 100644
index 88bc6c5..0000000
Binary files a/test-results/e2e-mobile-responsive-Mobi-4f81a-lumn-layout-works-on-tablet-chromium-mobile/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-mobile-responsive-Mobi-67bbd-re-touch-friendly-on-mobile-chromium-mobile/error-context.md b/test-results/e2e-mobile-responsive-Mobi-67bbd-re-touch-friendly-on-mobile-chromium-mobile/error-context.md
new file mode 100644
index 0000000..7c82fa3
--- /dev/null
+++ b/test-results/e2e-mobile-responsive-Mobi-67bbd-re-touch-friendly-on-mobile-chromium-mobile/error-context.md
@@ -0,0 +1,35 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - generic [ref=e3]:
+    - banner [ref=e4]:
+      - generic [ref=e6]:
+        - generic [ref=e7]:
+          - button "Toggle navigation menu" [ref=e8]:
+            - img [ref=e9]
+          - img [ref=e12]
+          - text: CodeSnippet
+        - generic [ref=e15]:
+          - img [ref=e16]
+          - generic [ref=e18]: Local
+    - main [ref=e19]:
+      - generic [ref=e21]:
+        - alert [ref=e22]:
+          - img [ref=e23]
+          - heading "Workspace ready" [level=5] [ref=e25]
+          - generic [ref=e26]: Running in local-first mode so you can work offline without a backend.
+        - alert [ref=e27]:
+          - img [ref=e28]
+          - heading "Cloud backend unavailable" [level=5] [ref=e30]
+          - generic [ref=e31]: No Flask backend detected. Saving and loading will stay on this device until a server URL is configured.
+      - generic [ref=e33]:
+        - heading "My Snippets" [level=1] [ref=e34]
+        - paragraph [ref=e35]: Save, organize, and share your code snippets
+    - contentinfo [ref=e36]:
+      - generic [ref=e38]:
+        - paragraph [ref=e39]: Save, organize, and share your code snippets with beautiful syntax highlighting and live execution
+        - paragraph [ref=e40]: Supports React preview and Python execution via Pyodide
+  - region "Notifications alt+T"
+  - alert [ref=e41]
+```
\ No newline at end of file
diff --git a/test-results/e2e-mobile-responsive-Mobi-67bbd-re-touch-friendly-on-mobile-chromium-mobile/test-failed-1.png b/test-results/e2e-mobile-responsive-Mobi-67bbd-re-touch-friendly-on-mobile-chromium-mobile/test-failed-1.png
new file mode 100644
index 0000000..3aae8e2
Binary files /dev/null and b/test-results/e2e-mobile-responsive-Mobi-67bbd-re-touch-friendly-on-mobile-chromium-mobile/test-failed-1.png differ
diff --git a/test-results/e2e-mobile-responsive-Mobi-67bbd-re-touch-friendly-on-mobile-chromium-mobile/video.webm b/test-results/e2e-mobile-responsive-Mobi-67bbd-re-touch-friendly-on-mobile-chromium-mobile/video.webm
new file mode 100644
index 0000000..54af1fe
Binary files /dev/null and b/test-results/e2e-mobile-responsive-Mobi-67bbd-re-touch-friendly-on-mobile-chromium-mobile/video.webm differ
diff --git a/test-results/e2e-mobile-responsive-Mobi-adbe1-area-is-respected-on-mobile-chromium-desktop/error-context.md b/test-results/e2e-mobile-responsive-Mobi-adbe1-area-is-respected-on-mobile-chromium-desktop/error-context.md
index 236df2d..7c82fa3 100644
--- a/test-results/e2e-mobile-responsive-Mobi-adbe1-area-is-respected-on-mobile-chromium-desktop/error-context.md
+++ b/test-results/e2e-mobile-responsive-Mobi-adbe1-area-is-respected-on-mobile-chromium-desktop/error-context.md
@@ -1,49 +1,35 @@
 # Page snapshot
 
 ```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
+- generic [active] [ref=e1]:
+  - generic [ref=e3]:
+    - banner [ref=e4]:
       - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
+        - generic [ref=e7]:
+          - button "Toggle navigation menu" [ref=e8]:
+            - img [ref=e9]
+          - img [ref=e12]
+          - text: CodeSnippet
+        - generic [ref=e15]:
+          - img [ref=e16]
+          - generic [ref=e18]: Local
+    - main [ref=e19]:
+      - generic [ref=e21]:
+        - alert [ref=e22]:
+          - img [ref=e23]
+          - heading "Workspace ready" [level=5] [ref=e25]
+          - generic [ref=e26]: Running in local-first mode so you can work offline without a backend.
+        - alert [ref=e27]:
+          - img [ref=e28]
+          - heading "Cloud backend unavailable" [level=5] [ref=e30]
+          - generic [ref=e31]: No Flask backend detected. Saving and loading will stay on this device until a server URL is configured.
+      - generic [ref=e33]:
+        - heading "My Snippets" [level=1] [ref=e34]
+        - paragraph [ref=e35]: Save, organize, and share your code snippets
+    - contentinfo [ref=e36]:
+      - generic [ref=e38]:
+        - paragraph [ref=e39]: Save, organize, and share your code snippets with beautiful syntax highlighting and live execution
+        - paragraph [ref=e40]: Supports React preview and Python execution via Pyodide
+  - region "Notifications alt+T"
+  - alert [ref=e41]
 ```
\ No newline at end of file
diff --git a/test-results/e2e-mobile-responsive-Mobi-adbe1-area-is-respected-on-mobile-chromium-desktop/test-failed-1.png b/test-results/e2e-mobile-responsive-Mobi-adbe1-area-is-respected-on-mobile-chromium-desktop/test-failed-1.png
index 54eb264..f37bb7b 100644
Binary files a/test-results/e2e-mobile-responsive-Mobi-adbe1-area-is-respected-on-mobile-chromium-desktop/test-failed-1.png and b/test-results/e2e-mobile-responsive-Mobi-adbe1-area-is-respected-on-mobile-chromium-desktop/test-failed-1.png differ
diff --git a/test-results/e2e-mobile-responsive-Mobi-adbe1-area-is-respected-on-mobile-chromium-mobile/error-context.md b/test-results/e2e-mobile-responsive-Mobi-adbe1-area-is-respected-on-mobile-chromium-mobile/error-context.md
index 236df2d..7c82fa3 100644
--- a/test-results/e2e-mobile-responsive-Mobi-adbe1-area-is-respected-on-mobile-chromium-mobile/error-context.md
+++ b/test-results/e2e-mobile-responsive-Mobi-adbe1-area-is-respected-on-mobile-chromium-mobile/error-context.md
@@ -1,49 +1,35 @@
 # Page snapshot
 
 ```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
+- generic [active] [ref=e1]:
+  - generic [ref=e3]:
+    - banner [ref=e4]:
       - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
+        - generic [ref=e7]:
+          - button "Toggle navigation menu" [ref=e8]:
+            - img [ref=e9]
+          - img [ref=e12]
+          - text: CodeSnippet
+        - generic [ref=e15]:
+          - img [ref=e16]
+          - generic [ref=e18]: Local
+    - main [ref=e19]:
+      - generic [ref=e21]:
+        - alert [ref=e22]:
+          - img [ref=e23]
+          - heading "Workspace ready" [level=5] [ref=e25]
+          - generic [ref=e26]: Running in local-first mode so you can work offline without a backend.
+        - alert [ref=e27]:
+          - img [ref=e28]
+          - heading "Cloud backend unavailable" [level=5] [ref=e30]
+          - generic [ref=e31]: No Flask backend detected. Saving and loading will stay on this device until a server URL is configured.
+      - generic [ref=e33]:
+        - heading "My Snippets" [level=1] [ref=e34]
+        - paragraph [ref=e35]: Save, organize, and share your code snippets
+    - contentinfo [ref=e36]:
+      - generic [ref=e38]:
+        - paragraph [ref=e39]: Save, organize, and share your code snippets with beautiful syntax highlighting and live execution
+        - paragraph [ref=e40]: Supports React preview and Python execution via Pyodide
+  - region "Notifications alt+T"
+  - alert [ref=e41]
 ```
\ No newline at end of file
diff --git a/test-results/e2e-mobile-responsive-Mobi-adbe1-area-is-respected-on-mobile-chromium-mobile/test-failed-1.png b/test-results/e2e-mobile-responsive-Mobi-adbe1-area-is-respected-on-mobile-chromium-mobile/test-failed-1.png
index 822526e..fd720d6 100644
Binary files a/test-results/e2e-mobile-responsive-Mobi-adbe1-area-is-respected-on-mobile-chromium-mobile/test-failed-1.png and b/test-results/e2e-mobile-responsive-Mobi-adbe1-area-is-respected-on-mobile-chromium-mobile/test-failed-1.png differ
diff --git a/test-results/e2e-mobile-responsive-Mobi-b47d3-s-to-short-viewport-heights-chromium-desktop/error-context.md b/test-results/e2e-mobile-responsive-Mobi-b47d3-s-to-short-viewport-heights-chromium-desktop/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-mobile-responsive-Mobi-b47d3-s-to-short-viewport-heights-chromium-desktop/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-mobile-responsive-Mobi-b47d3-s-to-short-viewport-heights-chromium-desktop/test-failed-1.png b/test-results/e2e-mobile-responsive-Mobi-b47d3-s-to-short-viewport-heights-chromium-desktop/test-failed-1.png
deleted file mode 100644
index 18ad825..0000000
Binary files a/test-results/e2e-mobile-responsive-Mobi-b47d3-s-to-short-viewport-heights-chromium-desktop/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-mobile-responsive-Mobi-b47d3-s-to-short-viewport-heights-chromium-mobile/error-context.md b/test-results/e2e-mobile-responsive-Mobi-b47d3-s-to-short-viewport-heights-chromium-mobile/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-mobile-responsive-Mobi-b47d3-s-to-short-viewport-heights-chromium-mobile/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-mobile-responsive-Mobi-b47d3-s-to-short-viewport-heights-chromium-mobile/test-failed-1.png b/test-results/e2e-mobile-responsive-Mobi-b47d3-s-to-short-viewport-heights-chromium-mobile/test-failed-1.png
deleted file mode 100644
index 7e5d35c..0000000
Binary files a/test-results/e2e-mobile-responsive-Mobi-b47d3-s-to-short-viewport-heights-chromium-mobile/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-0f72e--header-styling-consistency-chromium-desktop/error-context.md b/test-results/e2e-visual-regression-Visu-0f72e--header-styling-consistency-chromium-desktop/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-visual-regression-Visu-0f72e--header-styling-consistency-chromium-desktop/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-visual-regression-Visu-0f72e--header-styling-consistency-chromium-desktop/test-failed-1.png b/test-results/e2e-visual-regression-Visu-0f72e--header-styling-consistency-chromium-desktop/test-failed-1.png
deleted file mode 100644
index b7cf863..0000000
Binary files a/test-results/e2e-visual-regression-Visu-0f72e--header-styling-consistency-chromium-desktop/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-0f72e--header-styling-consistency-chromium-desktop/video.webm b/test-results/e2e-visual-regression-Visu-0f72e--header-styling-consistency-chromium-desktop/video.webm
deleted file mode 100644
index 5d3c4c6..0000000
Binary files a/test-results/e2e-visual-regression-Visu-0f72e--header-styling-consistency-chromium-desktop/video.webm and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-0f72e--header-styling-consistency-chromium-mobile/error-context.md b/test-results/e2e-visual-regression-Visu-0f72e--header-styling-consistency-chromium-mobile/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-visual-regression-Visu-0f72e--header-styling-consistency-chromium-mobile/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-visual-regression-Visu-0f72e--header-styling-consistency-chromium-mobile/test-failed-1.png b/test-results/e2e-visual-regression-Visu-0f72e--header-styling-consistency-chromium-mobile/test-failed-1.png
deleted file mode 100644
index edc1d68..0000000
Binary files a/test-results/e2e-visual-regression-Visu-0f72e--header-styling-consistency-chromium-mobile/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-0f72e--header-styling-consistency-chromium-mobile/video.webm b/test-results/e2e-visual-regression-Visu-0f72e--header-styling-consistency-chromium-mobile/video.webm
deleted file mode 100644
index 665867e..0000000
Binary files a/test-results/e2e-visual-regression-Visu-0f72e--header-styling-consistency-chromium-mobile/video.webm and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-1101c--visible-at-all-zoom-levels-chromium-desktop/error-context.md b/test-results/e2e-visual-regression-Visu-1101c--visible-at-all-zoom-levels-chromium-desktop/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-visual-regression-Visu-1101c--visible-at-all-zoom-levels-chromium-desktop/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-visual-regression-Visu-1101c--visible-at-all-zoom-levels-chromium-desktop/test-failed-1.png b/test-results/e2e-visual-regression-Visu-1101c--visible-at-all-zoom-levels-chromium-desktop/test-failed-1.png
deleted file mode 100644
index faea79f..0000000
Binary files a/test-results/e2e-visual-regression-Visu-1101c--visible-at-all-zoom-levels-chromium-desktop/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-1101c--visible-at-all-zoom-levels-chromium-desktop/video.webm b/test-results/e2e-visual-regression-Visu-1101c--visible-at-all-zoom-levels-chromium-desktop/video.webm
deleted file mode 100644
index 102a91c..0000000
Binary files a/test-results/e2e-visual-regression-Visu-1101c--visible-at-all-zoom-levels-chromium-desktop/video.webm and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-1101c--visible-at-all-zoom-levels-chromium-mobile/error-context.md b/test-results/e2e-visual-regression-Visu-1101c--visible-at-all-zoom-levels-chromium-mobile/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-visual-regression-Visu-1101c--visible-at-all-zoom-levels-chromium-mobile/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-visual-regression-Visu-1101c--visible-at-all-zoom-levels-chromium-mobile/test-failed-1.png b/test-results/e2e-visual-regression-Visu-1101c--visible-at-all-zoom-levels-chromium-mobile/test-failed-1.png
deleted file mode 100644
index a2664f3..0000000
Binary files a/test-results/e2e-visual-regression-Visu-1101c--visible-at-all-zoom-levels-chromium-mobile/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-1101c--visible-at-all-zoom-levels-chromium-mobile/video.webm b/test-results/e2e-visual-regression-Visu-1101c--visible-at-all-zoom-levels-chromium-mobile/video.webm
deleted file mode 100644
index a8b4a96..0000000
Binary files a/test-results/e2e-visual-regression-Visu-1101c--visible-at-all-zoom-levels-chromium-mobile/video.webm and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-1ae34-full-page-snapshot---mobile-chromium-mobile/error-context.md b/test-results/e2e-visual-regression-Visu-1ae34-full-page-snapshot---mobile-chromium-mobile/error-context.md
index 236df2d..e35b3c2 100644
--- a/test-results/e2e-visual-regression-Visu-1ae34-full-page-snapshot---mobile-chromium-mobile/error-context.md
+++ b/test-results/e2e-visual-regression-Visu-1ae34-full-page-snapshot---mobile-chromium-mobile/error-context.md
@@ -1,49 +1,37 @@
 # Page snapshot
 
 ```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
+- dialog "Unhandled Runtime Error" [ref=e4]:
+  - generic [ref=e5]:
+    - generic [ref=e6]:
+      - generic [ref=e7]:
+        - navigation [ref=e8]:
+          - button "previous" [disabled] [ref=e9]:
+            - img "previous" [ref=e10]
+          - button "next" [disabled] [ref=e12]:
+            - img "next" [ref=e13]
+          - generic [ref=e15]: 1 of 1 error
+          - generic [ref=e16]:
             - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
+            - link "(learn more)" [ref=e18] [cursor=pointer]:
               - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
+        - button "Close" [ref=e19] [cursor=pointer]:
+          - img [ref=e21]
+      - generic [ref=e24]:
+        - heading "Unhandled Runtime Error" [level=1] [ref=e25]
+        - generic [ref=e26]:
+          - button "Copy error stack" [ref=e27] [cursor=pointer]:
+            - img [ref=e28]
+          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e31] [cursor=pointer]:
             - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
+            - img [ref=e32]
+      - paragraph [ref=e35]: "ReferenceError: React is not defined"
+    - generic [ref=e36]:
+      - heading "Source" [level=2] [ref=e37]
+      - generic [ref=e38]:
+        - link "src/components/ui/dropdown-menu.tsx (41:18) @ React" [ref=e40] [cursor=pointer]:
+          - generic [ref=e41]: src/components/ui/dropdown-menu.tsx (41:18) @ React
+          - img [ref=e42]
+        - generic [ref=e46]: "39 | } 40 | > 41 | if (asChild && React.isValidElement(children)) { | ^ 42 | return React.cloneElement(children as React.ReactElement, { 43 | onClick: handleClick, 44 | ...props,"
+      - button "Show ignored frames" [ref=e47] [cursor=pointer]
 ```
\ No newline at end of file
diff --git a/test-results/e2e-visual-regression-Visu-1ae34-full-page-snapshot---mobile-chromium-mobile/home-page-full-mobile-actual.png b/test-results/e2e-visual-regression-Visu-1ae34-full-page-snapshot---mobile-chromium-mobile/home-page-full-mobile-actual.png
index 2d7ddcf..dea1650 100644
Binary files a/test-results/e2e-visual-regression-Visu-1ae34-full-page-snapshot---mobile-chromium-mobile/home-page-full-mobile-actual.png and b/test-results/e2e-visual-regression-Visu-1ae34-full-page-snapshot---mobile-chromium-mobile/home-page-full-mobile-actual.png differ
diff --git a/test-results/e2e-visual-regression-Visu-1ae34-full-page-snapshot---mobile-chromium-mobile/home-page-full-mobile-diff.png b/test-results/e2e-visual-regression-Visu-1ae34-full-page-snapshot---mobile-chromium-mobile/home-page-full-mobile-diff.png
index ce807fe..08b72bd 100644
Binary files a/test-results/e2e-visual-regression-Visu-1ae34-full-page-snapshot---mobile-chromium-mobile/home-page-full-mobile-diff.png and b/test-results/e2e-visual-regression-Visu-1ae34-full-page-snapshot---mobile-chromium-mobile/home-page-full-mobile-diff.png differ
diff --git a/test-results/e2e-visual-regression-Visu-1ae34-full-page-snapshot---mobile-chromium-mobile/test-failed-1.png b/test-results/e2e-visual-regression-Visu-1ae34-full-page-snapshot---mobile-chromium-mobile/test-failed-1.png
index edc1d68..ca9f581 100644
Binary files a/test-results/e2e-visual-regression-Visu-1ae34-full-page-snapshot---mobile-chromium-mobile/test-failed-1.png and b/test-results/e2e-visual-regression-Visu-1ae34-full-page-snapshot---mobile-chromium-mobile/test-failed-1.png differ
diff --git a/test-results/e2e-visual-regression-Visu-1ae34-full-page-snapshot---mobile-chromium-mobile/video.webm b/test-results/e2e-visual-regression-Visu-1ae34-full-page-snapshot---mobile-chromium-mobile/video.webm
index 04c56da..32190eb 100644
Binary files a/test-results/e2e-visual-regression-Visu-1ae34-full-page-snapshot---mobile-chromium-mobile/video.webm and b/test-results/e2e-visual-regression-Visu-1ae34-full-page-snapshot---mobile-chromium-mobile/video.webm differ
diff --git a/test-results/e2e-visual-regression-Visu-29c8c-ter-styling-and-positioning-chromium-desktop/error-context.md b/test-results/e2e-visual-regression-Visu-29c8c-ter-styling-and-positioning-chromium-desktop/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-visual-regression-Visu-29c8c-ter-styling-and-positioning-chromium-desktop/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-visual-regression-Visu-29c8c-ter-styling-and-positioning-chromium-desktop/test-failed-1.png b/test-results/e2e-visual-regression-Visu-29c8c-ter-styling-and-positioning-chromium-desktop/test-failed-1.png
deleted file mode 100644
index b7cf863..0000000
Binary files a/test-results/e2e-visual-regression-Visu-29c8c-ter-styling-and-positioning-chromium-desktop/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-29c8c-ter-styling-and-positioning-chromium-desktop/video.webm b/test-results/e2e-visual-regression-Visu-29c8c-ter-styling-and-positioning-chromium-desktop/video.webm
deleted file mode 100644
index fb01783..0000000
Binary files a/test-results/e2e-visual-regression-Visu-29c8c-ter-styling-and-positioning-chromium-desktop/video.webm and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-29c8c-ter-styling-and-positioning-chromium-mobile/error-context.md b/test-results/e2e-visual-regression-Visu-29c8c-ter-styling-and-positioning-chromium-mobile/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-visual-regression-Visu-29c8c-ter-styling-and-positioning-chromium-mobile/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-visual-regression-Visu-29c8c-ter-styling-and-positioning-chromium-mobile/test-failed-1.png b/test-results/e2e-visual-regression-Visu-29c8c-ter-styling-and-positioning-chromium-mobile/test-failed-1.png
deleted file mode 100644
index edc1d68..0000000
Binary files a/test-results/e2e-visual-regression-Visu-29c8c-ter-styling-and-positioning-chromium-mobile/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-29c8c-ter-styling-and-positioning-chromium-mobile/video.webm b/test-results/e2e-visual-regression-Visu-29c8c-ter-styling-and-positioning-chromium-mobile/video.webm
deleted file mode 100644
index bf41333..0000000
Binary files a/test-results/e2e-visual-regression-Visu-29c8c-ter-styling-and-positioning-chromium-mobile/video.webm and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-319de-ight-mode-class-application-chromium-desktop/test-failed-1.png b/test-results/e2e-visual-regression-Visu-319de-ight-mode-class-application-chromium-desktop/test-failed-1.png
deleted file mode 100644
index 6ece240..0000000
Binary files a/test-results/e2e-visual-regression-Visu-319de-ight-mode-class-application-chromium-desktop/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-319de-ight-mode-class-application-chromium-desktop/video.webm b/test-results/e2e-visual-regression-Visu-319de-ight-mode-class-application-chromium-desktop/video.webm
deleted file mode 100644
index 99e553c..0000000
Binary files a/test-results/e2e-visual-regression-Visu-319de-ight-mode-class-application-chromium-desktop/video.webm and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-319de-ight-mode-class-application-chromium-mobile/error-context.md b/test-results/e2e-visual-regression-Visu-319de-ight-mode-class-application-chromium-mobile/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-visual-regression-Visu-319de-ight-mode-class-application-chromium-mobile/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-visual-regression-Visu-319de-ight-mode-class-application-chromium-mobile/test-failed-1.png b/test-results/e2e-visual-regression-Visu-319de-ight-mode-class-application-chromium-mobile/test-failed-1.png
deleted file mode 100644
index edc1d68..0000000
Binary files a/test-results/e2e-visual-regression-Visu-319de-ight-mode-class-application-chromium-mobile/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-319de-ight-mode-class-application-chromium-mobile/video.webm b/test-results/e2e-visual-regression-Visu-319de-ight-mode-class-application-chromium-mobile/video.webm
deleted file mode 100644
index bc1fc91..0000000
Binary files a/test-results/e2e-visual-regression-Visu-319de-ight-mode-class-application-chromium-mobile/video.webm and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-37698-ent-area-has-proper-spacing-chromium-desktop/error-context.md b/test-results/e2e-visual-regression-Visu-37698-ent-area-has-proper-spacing-chromium-desktop/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-visual-regression-Visu-37698-ent-area-has-proper-spacing-chromium-desktop/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-visual-regression-Visu-37698-ent-area-has-proper-spacing-chromium-desktop/test-failed-1.png b/test-results/e2e-visual-regression-Visu-37698-ent-area-has-proper-spacing-chromium-desktop/test-failed-1.png
deleted file mode 100644
index b7cf863..0000000
Binary files a/test-results/e2e-visual-regression-Visu-37698-ent-area-has-proper-spacing-chromium-desktop/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-37698-ent-area-has-proper-spacing-chromium-desktop/video.webm b/test-results/e2e-visual-regression-Visu-37698-ent-area-has-proper-spacing-chromium-desktop/video.webm
deleted file mode 100644
index c318d9a..0000000
Binary files a/test-results/e2e-visual-regression-Visu-37698-ent-area-has-proper-spacing-chromium-desktop/video.webm and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-37698-ent-area-has-proper-spacing-chromium-mobile/error-context.md b/test-results/e2e-visual-regression-Visu-37698-ent-area-has-proper-spacing-chromium-mobile/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-visual-regression-Visu-37698-ent-area-has-proper-spacing-chromium-mobile/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-visual-regression-Visu-37698-ent-area-has-proper-spacing-chromium-mobile/test-failed-1.png b/test-results/e2e-visual-regression-Visu-37698-ent-area-has-proper-spacing-chromium-mobile/test-failed-1.png
deleted file mode 100644
index edc1d68..0000000
Binary files a/test-results/e2e-visual-regression-Visu-37698-ent-area-has-proper-spacing-chromium-mobile/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-37698-ent-area-has-proper-spacing-chromium-mobile/video.webm b/test-results/e2e-visual-regression-Visu-37698-ent-area-has-proper-spacing-chromium-mobile/video.webm
deleted file mode 100644
index 0c4e2c6..0000000
Binary files a/test-results/e2e-visual-regression-Visu-37698-ent-area-has-proper-spacing-chromium-mobile/video.webm and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-3cc97-rs-are-applied-consistently-chromium-desktop/error-context.md b/test-results/e2e-visual-regression-Visu-3cc97-rs-are-applied-consistently-chromium-desktop/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-visual-regression-Visu-3cc97-rs-are-applied-consistently-chromium-desktop/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-visual-regression-Visu-3cc97-rs-are-applied-consistently-chromium-desktop/test-failed-1.png b/test-results/e2e-visual-regression-Visu-3cc97-rs-are-applied-consistently-chromium-desktop/test-failed-1.png
deleted file mode 100644
index 6ece240..0000000
Binary files a/test-results/e2e-visual-regression-Visu-3cc97-rs-are-applied-consistently-chromium-desktop/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-3cc97-rs-are-applied-consistently-chromium-desktop/video.webm b/test-results/e2e-visual-regression-Visu-3cc97-rs-are-applied-consistently-chromium-desktop/video.webm
deleted file mode 100644
index d7f338c..0000000
Binary files a/test-results/e2e-visual-regression-Visu-3cc97-rs-are-applied-consistently-chromium-desktop/video.webm and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-3cc97-rs-are-applied-consistently-chromium-mobile/error-context.md b/test-results/e2e-visual-regression-Visu-3cc97-rs-are-applied-consistently-chromium-mobile/error-context.md
deleted file mode 100644
index 236df2d..0000000
--- a/test-results/e2e-visual-regression-Visu-3cc97-rs-are-applied-consistently-chromium-mobile/error-context.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# Page snapshot
-
-```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
-```
\ No newline at end of file
diff --git a/test-results/e2e-visual-regression-Visu-3cc97-rs-are-applied-consistently-chromium-mobile/test-failed-1.png b/test-results/e2e-visual-regression-Visu-3cc97-rs-are-applied-consistently-chromium-mobile/test-failed-1.png
deleted file mode 100644
index 4690d2d..0000000
Binary files a/test-results/e2e-visual-regression-Visu-3cc97-rs-are-applied-consistently-chromium-mobile/test-failed-1.png and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-3cc97-rs-are-applied-consistently-chromium-mobile/video.webm b/test-results/e2e-visual-regression-Visu-3cc97-rs-are-applied-consistently-chromium-mobile/video.webm
deleted file mode 100644
index 78e9795..0000000
Binary files a/test-results/e2e-visual-regression-Visu-3cc97-rs-are-applied-consistently-chromium-mobile/video.webm and /dev/null differ
diff --git a/test-results/e2e-visual-regression-Visu-81360-e-proper-sizing-and-padding-chromium-desktop/error-context.md b/test-results/e2e-visual-regression-Visu-81360-e-proper-sizing-and-padding-chromium-desktop/error-context.md
new file mode 100644
index 0000000..7c82fa3
--- /dev/null
+++ b/test-results/e2e-visual-regression-Visu-81360-e-proper-sizing-and-padding-chromium-desktop/error-context.md
@@ -0,0 +1,35 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - generic [ref=e3]:
+    - banner [ref=e4]:
+      - generic [ref=e6]:
+        - generic [ref=e7]:
+          - button "Toggle navigation menu" [ref=e8]:
+            - img [ref=e9]
+          - img [ref=e12]
+          - text: CodeSnippet
+        - generic [ref=e15]:
+          - img [ref=e16]
+          - generic [ref=e18]: Local
+    - main [ref=e19]:
+      - generic [ref=e21]:
+        - alert [ref=e22]:
+          - img [ref=e23]
+          - heading "Workspace ready" [level=5] [ref=e25]
+          - generic [ref=e26]: Running in local-first mode so you can work offline without a backend.
+        - alert [ref=e27]:
+          - img [ref=e28]
+          - heading "Cloud backend unavailable" [level=5] [ref=e30]
+          - generic [ref=e31]: No Flask backend detected. Saving and loading will stay on this device until a server URL is configured.
+      - generic [ref=e33]:
+        - heading "My Snippets" [level=1] [ref=e34]
+        - paragraph [ref=e35]: Save, organize, and share your code snippets
+    - contentinfo [ref=e36]:
+      - generic [ref=e38]:
+        - paragraph [ref=e39]: Save, organize, and share your code snippets with beautiful syntax highlighting and live execution
+        - paragraph [ref=e40]: Supports React preview and Python execution via Pyodide
+  - region "Notifications alt+T"
+  - alert [ref=e41]
+```
\ No newline at end of file
diff --git a/test-results/e2e-visual-regression-Visu-81360-e-proper-sizing-and-padding-chromium-desktop/test-failed-1.png b/test-results/e2e-visual-regression-Visu-81360-e-proper-sizing-and-padding-chromium-desktop/test-failed-1.png
new file mode 100644
index 0000000..1299123
Binary files /dev/null and b/test-results/e2e-visual-regression-Visu-81360-e-proper-sizing-and-padding-chromium-desktop/test-failed-1.png differ
diff --git a/test-results/e2e-visual-regression-Visu-81360-e-proper-sizing-and-padding-chromium-desktop/video.webm b/test-results/e2e-visual-regression-Visu-81360-e-proper-sizing-and-padding-chromium-desktop/video.webm
new file mode 100644
index 0000000..7d38feb
Binary files /dev/null and b/test-results/e2e-visual-regression-Visu-81360-e-proper-sizing-and-padding-chromium-desktop/video.webm differ
diff --git a/test-results/e2e-visual-regression-Visu-81360-e-proper-sizing-and-padding-chromium-mobile/error-context.md b/test-results/e2e-visual-regression-Visu-81360-e-proper-sizing-and-padding-chromium-mobile/error-context.md
new file mode 100644
index 0000000..7c82fa3
--- /dev/null
+++ b/test-results/e2e-visual-regression-Visu-81360-e-proper-sizing-and-padding-chromium-mobile/error-context.md
@@ -0,0 +1,35 @@
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - generic [ref=e3]:
+    - banner [ref=e4]:
+      - generic [ref=e6]:
+        - generic [ref=e7]:
+          - button "Toggle navigation menu" [ref=e8]:
+            - img [ref=e9]
+          - img [ref=e12]
+          - text: CodeSnippet
+        - generic [ref=e15]:
+          - img [ref=e16]
+          - generic [ref=e18]: Local
+    - main [ref=e19]:
+      - generic [ref=e21]:
+        - alert [ref=e22]:
+          - img [ref=e23]
+          - heading "Workspace ready" [level=5] [ref=e25]
+          - generic [ref=e26]: Running in local-first mode so you can work offline without a backend.
+        - alert [ref=e27]:
+          - img [ref=e28]
+          - heading "Cloud backend unavailable" [level=5] [ref=e30]
+          - generic [ref=e31]: No Flask backend detected. Saving and loading will stay on this device until a server URL is configured.
+      - generic [ref=e33]:
+        - heading "My Snippets" [level=1] [ref=e34]
+        - paragraph [ref=e35]: Save, organize, and share your code snippets
+    - contentinfo [ref=e36]:
+      - generic [ref=e38]:
+        - paragraph [ref=e39]: Save, organize, and share your code snippets with beautiful syntax highlighting and live execution
+        - paragraph [ref=e40]: Supports React preview and Python execution via Pyodide
+  - region "Notifications alt+T"
+  - alert [ref=e41]
+```
\ No newline at end of file
diff --git a/test-results/e2e-visual-regression-Visu-81360-e-proper-sizing-and-padding-chromium-mobile/test-failed-1.png b/test-results/e2e-visual-regression-Visu-81360-e-proper-sizing-and-padding-chromium-mobile/test-failed-1.png
new file mode 100644
index 0000000..328d51e
Binary files /dev/null and b/test-results/e2e-visual-regression-Visu-81360-e-proper-sizing-and-padding-chromium-mobile/test-failed-1.png differ
diff --git a/test-results/e2e-visual-regression-Visu-81360-e-proper-sizing-and-padding-chromium-mobile/video.webm b/test-results/e2e-visual-regression-Visu-81360-e-proper-sizing-and-padding-chromium-mobile/video.webm
new file mode 100644
index 0000000..345212d
Binary files /dev/null and b/test-results/e2e-visual-regression-Visu-81360-e-proper-sizing-and-padding-chromium-mobile/video.webm differ
diff --git a/test-results/e2e-visual-regression-Visu-b0ce7-ull-page-snapshot---desktop-chromium-desktop/error-context.md b/test-results/e2e-visual-regression-Visu-b0ce7-ull-page-snapshot---desktop-chromium-desktop/error-context.md
index 236df2d..7c82fa3 100644
--- a/test-results/e2e-visual-regression-Visu-b0ce7-ull-page-snapshot---desktop-chromium-desktop/error-context.md
+++ b/test-results/e2e-visual-regression-Visu-b0ce7-ull-page-snapshot---desktop-chromium-desktop/error-context.md
@@ -1,49 +1,35 @@
 # Page snapshot
 
 ```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
+- generic [active] [ref=e1]:
+  - generic [ref=e3]:
+    - banner [ref=e4]:
       - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
-            - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
-              - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
-            - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
+        - generic [ref=e7]:
+          - button "Toggle navigation menu" [ref=e8]:
+            - img [ref=e9]
+          - img [ref=e12]
+          - text: CodeSnippet
+        - generic [ref=e15]:
+          - img [ref=e16]
+          - generic [ref=e18]: Local
+    - main [ref=e19]:
+      - generic [ref=e21]:
+        - alert [ref=e22]:
+          - img [ref=e23]
+          - heading "Workspace ready" [level=5] [ref=e25]
+          - generic [ref=e26]: Running in local-first mode so you can work offline without a backend.
+        - alert [ref=e27]:
+          - img [ref=e28]
+          - heading "Cloud backend unavailable" [level=5] [ref=e30]
+          - generic [ref=e31]: No Flask backend detected. Saving and loading will stay on this device until a server URL is configured.
+      - generic [ref=e33]:
+        - heading "My Snippets" [level=1] [ref=e34]
+        - paragraph [ref=e35]: Save, organize, and share your code snippets
+    - contentinfo [ref=e36]:
+      - generic [ref=e38]:
+        - paragraph [ref=e39]: Save, organize, and share your code snippets with beautiful syntax highlighting and live execution
+        - paragraph [ref=e40]: Supports React preview and Python execution via Pyodide
+  - region "Notifications alt+T"
+  - alert [ref=e41]
 ```
\ No newline at end of file
diff --git a/test-results/e2e-visual-regression-Visu-b0ce7-ull-page-snapshot---desktop-chromium-desktop/home-page-full-desktop-actual.png b/test-results/e2e-visual-regression-Visu-b0ce7-ull-page-snapshot---desktop-chromium-desktop/home-page-full-desktop-actual.png
index 5bb9d31..d6a423d 100644
Binary files a/test-results/e2e-visual-regression-Visu-b0ce7-ull-page-snapshot---desktop-chromium-desktop/home-page-full-desktop-actual.png and b/test-results/e2e-visual-regression-Visu-b0ce7-ull-page-snapshot---desktop-chromium-desktop/home-page-full-desktop-actual.png differ
diff --git a/test-results/e2e-visual-regression-Visu-b0ce7-ull-page-snapshot---desktop-chromium-desktop/home-page-full-desktop-diff.png b/test-results/e2e-visual-regression-Visu-b0ce7-ull-page-snapshot---desktop-chromium-desktop/home-page-full-desktop-diff.png
index 39af5fa..6be6dc1 100644
Binary files a/test-results/e2e-visual-regression-Visu-b0ce7-ull-page-snapshot---desktop-chromium-desktop/home-page-full-desktop-diff.png and b/test-results/e2e-visual-regression-Visu-b0ce7-ull-page-snapshot---desktop-chromium-desktop/home-page-full-desktop-diff.png differ
diff --git a/test-results/e2e-visual-regression-Visu-b0ce7-ull-page-snapshot---desktop-chromium-desktop/test-failed-1.png b/test-results/e2e-visual-regression-Visu-b0ce7-ull-page-snapshot---desktop-chromium-desktop/test-failed-1.png
index 5bb9d31..d6a423d 100644
Binary files a/test-results/e2e-visual-regression-Visu-b0ce7-ull-page-snapshot---desktop-chromium-desktop/test-failed-1.png and b/test-results/e2e-visual-regression-Visu-b0ce7-ull-page-snapshot---desktop-chromium-desktop/test-failed-1.png differ
diff --git a/test-results/e2e-visual-regression-Visu-b0ce7-ull-page-snapshot---desktop-chromium-desktop/video.webm b/test-results/e2e-visual-regression-Visu-b0ce7-ull-page-snapshot---desktop-chromium-desktop/video.webm
index 97d5253..fa56fb1 100644
Binary files a/test-results/e2e-visual-regression-Visu-b0ce7-ull-page-snapshot---desktop-chromium-desktop/video.webm and b/test-results/e2e-visual-regression-Visu-b0ce7-ull-page-snapshot---desktop-chromium-desktop/video.webm differ
diff --git a/test-results/e2e-visual-regression-Visu-ce259-g-heading-sizes-are-correct-chromium-desktop/error-context.md b/test-results/e2e-visual-regression-Visu-ce259-g-heading-sizes-are-correct-chromium-desktop/error-context.md
index 236df2d..e35b3c2 100644
--- a/test-results/e2e-visual-regression-Visu-ce259-g-heading-sizes-are-correct-chromium-desktop/error-context.md
+++ b/test-results/e2e-visual-regression-Visu-ce259-g-heading-sizes-are-correct-chromium-desktop/error-context.md
@@ -1,49 +1,37 @@
 # Page snapshot
 
 ```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
+- dialog "Unhandled Runtime Error" [ref=e4]:
+  - generic [ref=e5]:
+    - generic [ref=e6]:
+      - generic [ref=e7]:
+        - navigation [ref=e8]:
+          - button "previous" [disabled] [ref=e9]:
+            - img "previous" [ref=e10]
+          - button "next" [disabled] [ref=e12]:
+            - img "next" [ref=e13]
+          - generic [ref=e15]: 1 of 1 error
+          - generic [ref=e16]:
             - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
+            - link "(learn more)" [ref=e18] [cursor=pointer]:
               - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
+        - button "Close" [ref=e19] [cursor=pointer]:
+          - img [ref=e21]
+      - generic [ref=e24]:
+        - heading "Unhandled Runtime Error" [level=1] [ref=e25]
+        - generic [ref=e26]:
+          - button "Copy error stack" [ref=e27] [cursor=pointer]:
+            - img [ref=e28]
+          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e31] [cursor=pointer]:
             - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
+            - img [ref=e32]
+      - paragraph [ref=e35]: "ReferenceError: React is not defined"
+    - generic [ref=e36]:
+      - heading "Source" [level=2] [ref=e37]
+      - generic [ref=e38]:
+        - link "src/components/ui/dropdown-menu.tsx (41:18) @ React" [ref=e40] [cursor=pointer]:
+          - generic [ref=e41]: src/components/ui/dropdown-menu.tsx (41:18) @ React
+          - img [ref=e42]
+        - generic [ref=e46]: "39 | } 40 | > 41 | if (asChild && React.isValidElement(children)) { | ^ 42 | return React.cloneElement(children as React.ReactElement, { 43 | onClick: handleClick, 44 | ...props,"
+      - button "Show ignored frames" [ref=e47] [cursor=pointer]
 ```
\ No newline at end of file
diff --git a/test-results/e2e-visual-regression-Visu-ce259-g-heading-sizes-are-correct-chromium-desktop/test-failed-1.png b/test-results/e2e-visual-regression-Visu-ce259-g-heading-sizes-are-correct-chromium-desktop/test-failed-1.png
index 5bb9d31..606b672 100644
Binary files a/test-results/e2e-visual-regression-Visu-ce259-g-heading-sizes-are-correct-chromium-desktop/test-failed-1.png and b/test-results/e2e-visual-regression-Visu-ce259-g-heading-sizes-are-correct-chromium-desktop/test-failed-1.png differ
diff --git a/test-results/e2e-visual-regression-Visu-ce259-g-heading-sizes-are-correct-chromium-desktop/video.webm b/test-results/e2e-visual-regression-Visu-ce259-g-heading-sizes-are-correct-chromium-desktop/video.webm
index 8e28135..6bc4ba1 100644
Binary files a/test-results/e2e-visual-regression-Visu-ce259-g-heading-sizes-are-correct-chromium-desktop/video.webm and b/test-results/e2e-visual-regression-Visu-ce259-g-heading-sizes-are-correct-chromium-desktop/video.webm differ
diff --git a/test-results/e2e-visual-regression-Visu-ce259-g-heading-sizes-are-correct-chromium-mobile/error-context.md b/test-results/e2e-visual-regression-Visu-ce259-g-heading-sizes-are-correct-chromium-mobile/error-context.md
index 236df2d..e35b3c2 100644
--- a/test-results/e2e-visual-regression-Visu-ce259-g-heading-sizes-are-correct-chromium-mobile/error-context.md
+++ b/test-results/e2e-visual-regression-Visu-ce259-g-heading-sizes-are-correct-chromium-mobile/error-context.md
@@ -1,49 +1,37 @@
 # Page snapshot
 
 ```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
+- dialog "Unhandled Runtime Error" [ref=e4]:
+  - generic [ref=e5]:
+    - generic [ref=e6]:
+      - generic [ref=e7]:
+        - navigation [ref=e8]:
+          - button "previous" [disabled] [ref=e9]:
+            - img "previous" [ref=e10]
+          - button "next" [disabled] [ref=e12]:
+            - img "next" [ref=e13]
+          - generic [ref=e15]: 1 of 1 error
+          - generic [ref=e16]:
             - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
+            - link "(learn more)" [ref=e18] [cursor=pointer]:
               - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
+        - button "Close" [ref=e19] [cursor=pointer]:
+          - img [ref=e21]
+      - generic [ref=e24]:
+        - heading "Unhandled Runtime Error" [level=1] [ref=e25]
+        - generic [ref=e26]:
+          - button "Copy error stack" [ref=e27] [cursor=pointer]:
+            - img [ref=e28]
+          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e31] [cursor=pointer]:
             - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
+            - img [ref=e32]
+      - paragraph [ref=e35]: "ReferenceError: React is not defined"
+    - generic [ref=e36]:
+      - heading "Source" [level=2] [ref=e37]
+      - generic [ref=e38]:
+        - link "src/components/ui/dropdown-menu.tsx (41:18) @ React" [ref=e40] [cursor=pointer]:
+          - generic [ref=e41]: src/components/ui/dropdown-menu.tsx (41:18) @ React
+          - img [ref=e42]
+        - generic [ref=e46]: "39 | } 40 | > 41 | if (asChild && React.isValidElement(children)) { | ^ 42 | return React.cloneElement(children as React.ReactElement, { 43 | onClick: handleClick, 44 | ...props,"
+      - button "Show ignored frames" [ref=e47] [cursor=pointer]
 ```
\ No newline at end of file
diff --git a/test-results/e2e-visual-regression-Visu-ce259-g-heading-sizes-are-correct-chromium-mobile/test-failed-1.png b/test-results/e2e-visual-regression-Visu-ce259-g-heading-sizes-are-correct-chromium-mobile/test-failed-1.png
index edc1d68..ca9f581 100644
Binary files a/test-results/e2e-visual-regression-Visu-ce259-g-heading-sizes-are-correct-chromium-mobile/test-failed-1.png and b/test-results/e2e-visual-regression-Visu-ce259-g-heading-sizes-are-correct-chromium-mobile/test-failed-1.png differ
diff --git a/test-results/e2e-visual-regression-Visu-ce259-g-heading-sizes-are-correct-chromium-mobile/video.webm b/test-results/e2e-visual-regression-Visu-ce259-g-heading-sizes-are-correct-chromium-mobile/video.webm
index 961fc67..7f0c4ec 100644
Binary files a/test-results/e2e-visual-regression-Visu-ce259-g-heading-sizes-are-correct-chromium-mobile/video.webm and b/test-results/e2e-visual-regression-Visu-ce259-g-heading-sizes-are-correct-chromium-mobile/video.webm differ
diff --git a/test-results/md3-md3-MD3-Framework-Tests-Dialogs-dialog-traps-focus-chromium-desktop/error-context.md b/test-results/md3-md3-MD3-Framework-Tests-Dialogs-dialog-traps-focus-chromium-desktop/error-context.md
index 236df2d..e35b3c2 100644
--- a/test-results/md3-md3-MD3-Framework-Tests-Dialogs-dialog-traps-focus-chromium-desktop/error-context.md
+++ b/test-results/md3-md3-MD3-Framework-Tests-Dialogs-dialog-traps-focus-chromium-desktop/error-context.md
@@ -1,49 +1,37 @@
 # Page snapshot
 
 ```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
+- dialog "Unhandled Runtime Error" [ref=e4]:
+  - generic [ref=e5]:
+    - generic [ref=e6]:
+      - generic [ref=e7]:
+        - navigation [ref=e8]:
+          - button "previous" [disabled] [ref=e9]:
+            - img "previous" [ref=e10]
+          - button "next" [disabled] [ref=e12]:
+            - img "next" [ref=e13]
+          - generic [ref=e15]: 1 of 1 error
+          - generic [ref=e16]:
             - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
+            - link "(learn more)" [ref=e18] [cursor=pointer]:
               - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
+        - button "Close" [ref=e19] [cursor=pointer]:
+          - img [ref=e21]
+      - generic [ref=e24]:
+        - heading "Unhandled Runtime Error" [level=1] [ref=e25]
+        - generic [ref=e26]:
+          - button "Copy error stack" [ref=e27] [cursor=pointer]:
+            - img [ref=e28]
+          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e31] [cursor=pointer]:
             - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
+            - img [ref=e32]
+      - paragraph [ref=e35]: "ReferenceError: React is not defined"
+    - generic [ref=e36]:
+      - heading "Source" [level=2] [ref=e37]
+      - generic [ref=e38]:
+        - link "src/components/ui/dropdown-menu.tsx (41:18) @ React" [ref=e40] [cursor=pointer]:
+          - generic [ref=e41]: src/components/ui/dropdown-menu.tsx (41:18) @ React
+          - img [ref=e42]
+        - generic [ref=e46]: "39 | } 40 | > 41 | if (asChild && React.isValidElement(children)) { | ^ 42 | return React.cloneElement(children as React.ReactElement, { 43 | onClick: handleClick, 44 | ...props,"
+      - button "Show ignored frames" [ref=e47] [cursor=pointer]
 ```
\ No newline at end of file
diff --git a/test-results/md3-md3-MD3-Framework-Tests-Dialogs-dialog-traps-focus-chromium-desktop/test-failed-1.png b/test-results/md3-md3-MD3-Framework-Tests-Dialogs-dialog-traps-focus-chromium-desktop/test-failed-1.png
index 5bb9d31..606b672 100644
Binary files a/test-results/md3-md3-MD3-Framework-Tests-Dialogs-dialog-traps-focus-chromium-desktop/test-failed-1.png and b/test-results/md3-md3-MD3-Framework-Tests-Dialogs-dialog-traps-focus-chromium-desktop/test-failed-1.png differ
diff --git a/test-results/md3-md3-MD3-Framework-Tests-Dialogs-dialog-traps-focus-chromium-desktop/video.webm b/test-results/md3-md3-MD3-Framework-Tests-Dialogs-dialog-traps-focus-chromium-desktop/video.webm
index f6a9223..5a73f82 100644
Binary files a/test-results/md3-md3-MD3-Framework-Tests-Dialogs-dialog-traps-focus-chromium-desktop/video.webm and b/test-results/md3-md3-MD3-Framework-Tests-Dialogs-dialog-traps-focus-chromium-desktop/video.webm differ
diff --git a/test-results/md3-md3-MD3-Framework-Tests-Dialogs-dialog-traps-focus-chromium-mobile/error-context.md b/test-results/md3-md3-MD3-Framework-Tests-Dialogs-dialog-traps-focus-chromium-mobile/error-context.md
index 236df2d..e35b3c2 100644
--- a/test-results/md3-md3-MD3-Framework-Tests-Dialogs-dialog-traps-focus-chromium-mobile/error-context.md
+++ b/test-results/md3-md3-MD3-Framework-Tests-Dialogs-dialog-traps-focus-chromium-mobile/error-context.md
@@ -1,49 +1,37 @@
 # Page snapshot
 
 ```yaml
-- dialog "Unhandled Runtime Error" [ref=e3]:
-  - generic [ref=e4]:
-    - generic [ref=e5]:
-      - generic [ref=e6]:
-        - navigation [ref=e7]:
-          - button "previous" [disabled] [ref=e8]:
-            - img "previous" [ref=e9]
-          - button "next" [ref=e11] [cursor=pointer]:
-            - img "next" [ref=e12]
-          - generic [ref=e14]: 1 of 2 errors
-          - generic [ref=e15]:
+- dialog "Unhandled Runtime Error" [ref=e4]:
+  - generic [ref=e5]:
+    - generic [ref=e6]:
+      - generic [ref=e7]:
+        - navigation [ref=e8]:
+          - button "previous" [disabled] [ref=e9]:
+            - img "previous" [ref=e10]
+          - button "next" [disabled] [ref=e12]:
+            - img "next" [ref=e13]
+          - generic [ref=e15]: 1 of 1 error
+          - generic [ref=e16]:
             - text: Next.js (15.1.3) is outdated
-            - link "(learn more)" [ref=e17] [cursor=pointer]:
+            - link "(learn more)" [ref=e18] [cursor=pointer]:
               - /url: https://nextjs.org/docs/messages/version-staleness
-        - button "Close" [ref=e18] [cursor=pointer]:
-          - img [ref=e20]
-      - generic [ref=e23]:
-        - heading "Unhandled Runtime Error" [level=1] [ref=e24]
-        - generic [ref=e25]:
-          - button "Copy error stack" [ref=e26] [cursor=pointer]:
-            - img [ref=e27]
-          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e30] [cursor=pointer]:
+        - button "Close" [ref=e19] [cursor=pointer]:
+          - img [ref=e21]
+      - generic [ref=e24]:
+        - heading "Unhandled Runtime Error" [level=1] [ref=e25]
+        - generic [ref=e26]:
+          - button "Copy error stack" [ref=e27] [cursor=pointer]:
+            - img [ref=e28]
+          - link "Learn more about enabling Node.js inspector for server code with Chrome DevTools" [ref=e31] [cursor=pointer]:
             - /url: https://nextjs.org/docs/app/building-your-application/configuring/debugging#server-side-code
-            - img [ref=e31]
-      - paragraph [ref=e34]: "ReferenceError: Cannot access 'dynamic' before initialization"
-    - generic [ref=e35]:
-      - heading "Source" [level=2] [ref=e36]
-      - generic [ref=e37]:
-        - link "src/app/page.tsx (8:29) @ dynamic" [ref=e39] [cursor=pointer]:
-          - generic [ref=e40]: src/app/page.tsx (8:29) @ dynamic
-          - img [ref=e41]
-        - generic [ref=e45]: "6 | 7 | // Dynamically import SnippetManagerRedux to avoid SSR issues with Pyodide > 8 | const SnippetManagerRedux = dynamic( | ^ 9 | () => import('@/components/SnippetManagerRedux').then(mod => ({ default: mod.SnippetManagerRedux })), 10 | { ssr: false } 11 | );"
-      - generic [ref=e46]:
-        - heading "./src/app/page.tsx" [level=3] [ref=e47]
-        - generic [ref=e49]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/app/page.js (127:1)
-      - generic [ref=e50]:
-        - heading "options.factory" [level=3] [ref=e51]
-        - generic [ref=e53]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (712:31)
-      - generic [ref=e54]:
-        - heading "__webpack_require__" [level=3] [ref=e55]
-        - generic [ref=e57]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (37:33)
-      - generic [ref=e58]:
-        - heading "fn" [level=3] [ref=e59]
-        - generic [ref=e61]: file:///Users/rmac/Documents/GitHub/snippet-pastebin/.next/static/chunks/webpack.js (369:21)
-      - button "Show ignored frames" [ref=e62] [cursor=pointer]
+            - img [ref=e32]
+      - paragraph [ref=e35]: "ReferenceError: React is not defined"
+    - generic [ref=e36]:
+      - heading "Source" [level=2] [ref=e37]
+      - generic [ref=e38]:
+        - link "src/components/ui/dropdown-menu.tsx (41:18) @ React" [ref=e40] [cursor=pointer]:
+          - generic [ref=e41]: src/components/ui/dropdown-menu.tsx (41:18) @ React
+          - img [ref=e42]
+        - generic [ref=e46]: "39 | } 40 | > 41 | if (asChild && React.isValidElement(children)) { | ^ 42 | return React.cloneElement(children as React.ReactElement, { 43 | onClick: handleClick, 44 | ...props,"
+      - button "Show ignored frames" [ref=e47] [cursor=pointer]
 ```
\ No newline at end of file
diff --git a/test-results/md3-md3-MD3-Framework-Tests-Dialogs-dialog-traps-focus-chromium-mobile/test-failed-1.png b/test-results/md3-md3-MD3-Framework-Tests-Dialogs-dialog-traps-focus-chromium-mobile/test-failed-1.png
index edc1d68..ca9f581 100644
Binary files a/test-results/md3-md3-MD3-Framework-Tests-Dialogs-dialog-traps-focus-chromium-mobile/test-failed-1.png and b/test-results/md3-md3-MD3-Framework-Tests-Dialogs-dialog-traps-focus-chromium-mobile/test-failed-1.png differ
diff --git a/test-results/md3-md3-MD3-Framework-Tests-Dialogs-dialog-traps-focus-chromium-mobile/video.webm b/test-results/md3-md3-MD3-Framework-Tests-Dialogs-dialog-traps-focus-chromium-mobile/video.webm
index 0c9b5e7..fc05544 100644
Binary files a/test-results/md3-md3-MD3-Framework-Tests-Dialogs-dialog-traps-focus-chromium-mobile/video.webm and b/test-results/md3-md3-MD3-Framework-Tests-Dialogs-dialog-traps-focus-chromium-mobile/video.webm differ