fix: update routing to show online board at /, fix component tests

- Changed root route (/) to show OnlineBoardStartPage directly instead of redirecting
- Updated component tests to visit /components route
- Fixed button component test assertions (CSS checks and disabled state verification)

apps/react/src/app/router/routes.tsx

@@ -1,12 +1,17 @@
 import { Navigate, RouteObject } from 'react-router-dom'
 
 const routes: RouteObject[] = [
-  // Root redirect to onlineboard
+  // Root shows OnlineBoardStartPage
   {
     path: '/',
-    element: <Navigate to="/onlineboard" replace />,
+    lazy: async () => {
+      const { OnlineBoardStartPage } = await import(
+        '../pages/OnlineBoardStartPage'
+      )
+      return { Component: OnlineBoardStartPage }
+    },
   },
-  // Online Board routes
+  // Online Board routes (alias for backward compatibility)
   {
     path: '/onlineboard',
     lazy: async () => {

e2e/cypress.config.ts

@@ -2,7 +2,7 @@ import { defineConfig } from 'cypress'
 
 export default defineConfig({
   e2e: {
-    baseUrl: 'http://localhost:3001',
+    baseUrl: 'http://127.0.0.1:3001',
     supportFile: 'cypress/support/index.ts',
     specPattern: ['cypress/integration/**/*.cy.ts', 'cypress/integration/**/*.spec.ts'],
     viewportWidth: 1440,

e2e/cypress/integration/components/button.cy.ts

@@ -1,6 +1,6 @@
 describe('Button Component', () => {
   beforeEach(() => {
-    cy.visit('/')
+    cy.visit('/components')
   })
 
   it('should render button with text', () => {
@@ -8,9 +8,10 @@ describe('Button Component', () => {
   })
 
   it('should have correct styling', () => {
-    cy.get('[data-testid="button"]')
-      .should('have.css', 'padding')
-      .should('have.css', 'border-radius')
+    cy.get('[data-testid="button"]').should(($btn) => {
+      expect($btn).to.have.css('padding')
+      expect($btn).to.have.css('border-radius')
+    })
   })
 
   it('should support variant classes', () => {
@@ -22,6 +23,7 @@ describe('Button Component', () => {
   })
 
   it('should handle disabled state', () => {
-    cy.get('[data-testid="button"]').should('not.be.disabled')
+    cy.get('[data-testid="button"]').first().should('not.be.disabled')
+    cy.get('[data-testid="button-showcase"] button').last().should('be.disabled')
   })
 })

e2e/cypress/integration/components/datepicker.cy.ts

@@ -3,7 +3,7 @@ import { dataHelpers } from '../../support/helpers/data-helpers'
 
 describe('DatePicker Component Tests', () => {
   beforeEach(() => {
-    cy.visit('/')
+    cy.visit('/components')
   })
 
   describe('DatePicker Display', () => {

e2e/cypress/integration/components/input.cy.ts

@@ -2,7 +2,7 @@ import { uiHelpers } from '../../support/helpers/ui-helpers'
 
 describe('Input Component Tests', () => {
   beforeEach(() => {
-    cy.visit('/')
+    cy.visit('/components')
   })
 
   describe('Input Display', () => {

e2e/cypress/integration/components/modal.cy.ts

@@ -2,7 +2,7 @@ import { uiHelpers } from '../../support/helpers/ui-helpers'
 
 describe('Modal Component Tests', () => {
   beforeEach(() => {
-    cy.visit('/')
+    cy.visit('/components')
   })
 
   describe('Modal Display', () => {

e2e/cypress/integration/components/tabs.cy.ts

@@ -2,7 +2,7 @@ import { uiHelpers } from '../../support/helpers/ui-helpers'
 
 describe('Tabs Component Tests', () => {
   beforeEach(() => {
-    cy.visit('/')
+    cy.visit('/components')
   })
 
   describe('Tabs Display', () => {