feat: implement club admin dashboard with activity feed and settings

e2e/cucumber/features/admin-dashboard.feature

@@ -0,0 +1,36 @@
+Feature: Club Admin Dashboard
+  As a club admin
+  I want to view club-wide statistics and manage club operations
+  So that I can effectively oversee the club
+
+  @happy-path @admin @issue-11
+  Scenario: Club admin views dashboard with statistics
+    Given I am logged in as a club admin
+    When I go to the admin dashboard
+    Then I should see "Admin Dashboard"
+    And I should see total player count
+    And I should see active tournament count
+
+  @happy-path @admin @issue-11
+  Scenario: Club admin views recent activity feed
+    Given I am logged in as a club admin
+    And there are recent activities in the system
+    When I go to the admin dashboard
+    Then I should see the activity feed section
+    And I should see recent player registrations
+
+  @happy-path @admin @issue-11
+  Scenario: Club admin searches player directory
+    Given I am logged in as a club admin
+    And there are multiple players in the system
+    When I go to the player management page
+    And I search for "Player 1"
+    Then I should see search results
+
+  @happy-path @admin @issue-11
+  Scenario: Club admin updates club settings
+    Given I am logged in as a club admin
+    When I go to the club settings page
+    And I update the club name
+    And I save the settings
+    Then the settings should be saved successfully

e2e/cucumber/step-definitions/auth-steps.ts

@@ -395,3 +395,57 @@ Given('a tournament has a generated schedule', async function () {
   // 2. Add teams/participants
   // 3. Generate schedule via API or UI
 });
+
+Given('there are recent activities in the system', async function () {
+  // Create test activities using the activity logger
+  const prisma = await world.getPrisma()
+  
+  // Use timestamp to ensure unique names
+  const timestamp = Date.now()
+  
+  // Create a test player first
+  const player = await prisma.player.create({
+    data: {
+      name: `Test Activity Player ${timestamp}`,
+      normalizedName: `test activity player ${timestamp}`,
+      currentElo: 1000,
+      gamesPlayed: 0,
+      wins: 0,
+      losses: 0,
+    },
+  })
+  
+  // Create an activity
+  await (prisma as any).activity.create({
+    data: {
+      type: 'player_registration',
+      description: `Test Activity Player ${timestamp} registered`,
+      playerId: player.id,
+    },
+  })
+  
+  console.log('🌍 Created test activity for player:', player.name)
+})
+
+Given('there are multiple players in the system', async function () {
+  const prisma = await world.getPrisma()
+  
+  // Use timestamp to ensure unique names
+  const timestamp = Date.now()
+  
+  // Create multiple test players
+  for (let i = 1; i <= 5; i++) {
+    await prisma.player.create({
+      data: {
+        name: `Test Player ${i} ${timestamp}`,
+        normalizedName: `test player ${i} ${timestamp}`,
+        currentElo: 1000 + i * 10,
+        gamesPlayed: 0,
+        wins: 0,
+        losses: 0,
+      },
+    })
+  }
+  
+  console.log('🌍 Created 5 test players')
+})

e2e/cucumber/step-definitions/common-steps.ts

@@ -475,3 +475,79 @@ Then('I should see {string} error', async function (errorMessage: string) {
   expect(content).toMatch(new RegExp(errorMessage, 'i'));
   console.log(`🌍 Verified error message: ${errorMessage}`);
 });
+
+// Admin Dashboard Steps
+When('I go to the admin dashboard', async function () {
+  console.log('🌍 Going to admin dashboard');
+  await world.page.goto(`${world.baseURL}/admin`);
+  await world.page.waitForLoadState('domcontentloaded');
+});
+
+Then('I should see total player count', async function () {
+  await expect(world.page.locator('text=Total Players')).toBeVisible();
+  console.log('🌍 Verified total players section is visible');
+});
+
+Then('I should see active tournament count', async function () {
+  // Use more specific locator to find the stats card
+  await expect(world.page.locator('dt:has-text("Tournaments")').first()).toBeVisible();
+  console.log('🌍 Verified tournaments section is visible');
+});
+
+Then('I should see the activity feed section', async function () {
+  await expect(world.page.locator('text=Recent Activity')).toBeVisible();
+  console.log('🌍 Verified activity feed section is visible');
+});
+
+Then('I should see recent player registrations', async function () {
+  // Check if there are any activities in the feed
+  const activityItems = await world.page.locator('.divide-y.divide-gray-200 li').count();
+  console.log(`🌍 Found ${activityItems} activity items`);
+  
+  // Also check for the activity text
+  const content = await world.page.content();
+  const hasActivityText = content.includes('Test Activity Player');
+  console.log(`🌍 Activity text found in page: ${hasActivityText}`);
+  
+  expect(activityItems).toBeGreaterThan(0);
+});
+
+When('I go to the player management page', async function () {
+  console.log('🌍 Going to player management page');
+  await world.page.goto(`${world.baseURL}/admin/players`);
+  await world.page.waitForLoadState('domcontentloaded');
+});
+
+When('I search for {string}', async function (searchTerm: string) {
+  console.log(`🌍 Searching for: ${searchTerm}`);
+  await world.page.fill('input[name="search"]', searchTerm);
+  await world.page.waitForTimeout(500); // Wait for search to execute
+});
+
+Then('I should see search results', async function () {
+  // Check if player table is visible
+  await expect(world.page.locator('table')).toBeVisible();
+  console.log('🌍 Verified search results are displayed');
+});
+
+When('I go to the club settings page', async function () {
+  console.log('🌍 Going to club settings page');
+  await world.page.goto(`${world.baseURL}/admin/settings`);
+  await world.page.waitForLoadState('domcontentloaded');
+});
+
+When('I update the club name', async function () {
+  console.log('🌍 Updating club name');
+  await world.page.fill('input[id="clubName"]', 'Test Club Updated');
+});
+
+When('I save the settings', async function () {
+  console.log('🌍 Saving settings');
+  await world.page.click('button:has-text("Save Settings")');
+  await world.page.waitForTimeout(1000); // Wait for save to complete
+});
+
+Then('the settings should be saved successfully', async function () {
+  await expect(world.page.locator('text=Settings saved successfully')).toBeVisible();
+  console.log('🌍 Verified settings were saved successfully');
+});