Add dedicated Access Denied page

[Copilot]

Replaces generic error page with a purpose-built Access Denied page when users lack permissions.

Changes

• New page: AccessDenied.razor at /access-denied with lock icon, clear messaging, and action buttons
• Navigation helper: NavigateToAccessDeniedPage() extension method in Helpers.cs
• Permission handling: AuthorizedComponentBase.RequirePermission() now routes to Access Denied instead of Error page

Implementation

// Before
if (hasPermission == false)
{
    // TODO: Navigate to access denied page
    this.NavigationManager.NavigateToErrorPage();
}

// After
if (hasPermission == false)
{
    this.NavigationManager.NavigateToAccessDeniedPage();
}

The page follows existing design patterns from Error.razor using AdminLTE-inspired components and Tailwind CSS. Support email is configurable via AppSettings:SupportEmail.

Screenshot

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• f.feedz.io
  • Triggering command: /opt/hostedtoolcache/CodeQL/2.23.8/x64/codeql/csharp/tools/linux64/Semmle.Autobuild.CSharp /opt/hostedtoolcache/CodeQL/2.23.8/x64/codeql/csharp/tools/linux64/Semmle.Autobuild.CSharp (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Access Denied Page</issue_title>
<issue_description>Build a new Access Denied page with a user friendly look.</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes Access Denied Page #665

---

💡 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.

[StuartFerguson]

@copilot are the icons on the actual screen going to be that big ?

[Copilot]

@copilot are the icons on the actual screen going to be that big ?

Yes, the icon size is intentional and matches the Error page (w-16 h-16 SVG in a w-24 h-24 container). This is consistent with the recently updated Error page design pattern.

If you'd prefer a smaller icon, I can reduce it to w-12 h-12 (similar to what's used in smaller cards) or another size. Let me know your preference.