feat: implement club admin dashboard with activity feed and settings

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');
+});