Add MCP server integrations and GitHub MCP setup

[AdamJ]

Summary

This PR implements Model Context Protocol (MCP) server integrations for the TimeTrackerPro project, starting with GitHub MCP setup.

Closes #41

Changes

MCP Configuration

• ✅ Created .mcp.json configuration file for team-shared MCP servers
• ✅ Installed and configured GitHub MCP server (@modelcontextprotocol/server-github)
• ✅ Added stdio transport configuration with environment variable support

GitHub MCP Capabilities

The GitHub MCP server provides:

• Repository file operations (list, read, search)
• Issue and PR management
• Branch and commit information
• Code search functionality

Additional Changes

• Updated Playwright configuration formatting
• Regenerated PWA screenshots with improved naming
• Updated screenshot documentation in tests/SCREENSHOTS_README.md
• Added new archive page screenshot

Configuration

The .mcp.json file is now available at the project root:

{
  "mcpServers": {
    "github": {
      "transport": "stdio",
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-github"],
      "env": {
        "GITHUB_PERSONAL_ACCESS_TOKEN": ""
      }
    }
  }
}

Authentication (Optional)

For private repository access or higher rate limits:

1. Generate a GitHub Personal Access Token at https://github.com/settings/tokens
2. Set environment variable: export GITHUB_PERSONAL_ACCESS_TOKEN="your_token_here"

Test Plan

• GitHub MCP server connects successfully
• .mcp.json is properly formatted and validated
• MCP server listed in claude mcp list
• Project builds without errors
• Screenshots regenerated successfully

Future Work

As outlined in #41, future MCP integrations to consider:

• Filesystem MCP for enhanced file operations
• PostgreSQL MCP for direct Supabase schema access
• Sentry MCP for error monitoring
• Custom Playwright MCP if advanced browser automation needed

🤖 Generated with Claude Code

Co-Authored-By: Claude noreply@anthropic.com