Add role-based KIT overview page with filtered KIT discovery

[Copilot]

No way existed for visitors to discover KITs relevant to their specific role (SME, Service Provider, Developer, etc.) — the gallery only offered domain/industry/dataspace filters.

Changes

data/kitsData.js

• New kitRoles export — 6 roles defined: SME, Service Provider, App Provider, Developer, Researcher, Operator — each with id, label, description, MUI icon, gradient, and color
• New getKitsByRole(roleId) utility function
• roles: [...] array added to all 32 KITs mapping each to relevant roles
• 6 new MUI icon imports (BusinessIcon, CodeIcon, BuildIcon, StorageIcon, SchoolIcon, AccountBalanceIcon)

src/pages/Kits-Role-Overview/

New page at /Kits-Role-Overview:

• Responsive 3-column role card grid; click to select/deselect a role
• Each card shows role icon, name, description, and live KIT count
• Filtered KIT results rendered via the existing ExpandedKitsGrid component
• Back-link to main KITs page

docusaurus.config.js

• "KITs by Role" added to the KITs navbar dropdown

Role-to-KIT mapping example

// connector KIT
roles: ['service-provider', 'developer', 'operator'],

// pcf KIT
roles: ['sme', 'app-provider', 'researcher'],

// digital-twin KIT
roles: ['sme', 'service-provider', 'app-provider', 'developer'],

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.