Add dashboard link visibility toggle for desktop and mobile navigation

Author: ralyodio

public/js/components/pf-header.js

@@ -458,6 +458,7 @@ class PfHeader extends HTMLElement {
     // Get the static login and register links
     const loginLink = navLinks.querySelector('.login-link');
     const registerLink = navLinks.querySelector('.register-link');
+    const dashboardLink = navLinks.querySelector('#dashboard-link');
 
     // Only remove existing dropdown if we're going to add a new one
     // (when user is logged in) or if we're switching from logged in to logged out
@@ -470,6 +471,7 @@ class PfHeader extends HTMLElement {
     const mobileMenu = this.shadowRoot.querySelector('.mobile-menu');
     const mobileLoginLink = mobileMenu?.querySelector('#mobile-login-link');
     const mobileRegisterLink = mobileMenu?.querySelector('#mobile-register-link');
+    const mobileDashboardLink = mobileMenu?.querySelector('#mobile-dashboard-link');
 
     if (isLoggedIn) {
       // User is logged in
@@ -478,10 +480,16 @@ class PfHeader extends HTMLElement {
       if (loginLink) loginLink.style.display = 'none';
       if (registerLink) registerLink.style.display = 'none';
 
+      // Show the dashboard link in desktop nav
+      if (dashboardLink) dashboardLink.style.display = '';
+      
       // Hide the login and register links in mobile nav
       if (mobileLoginLink) mobileLoginLink.style.display = 'none';
       if (mobileRegisterLink) mobileRegisterLink.style.display = 'none';
 
+      // Show the dashboard link in mobile nav
+      if (mobileDashboardLink) mobileDashboardLink.style.display = '';
+      
       // Add the user dropdown to desktop nav
       const dropdownHtml = `
         <div class="user-dropdown">
@@ -620,10 +628,16 @@ class PfHeader extends HTMLElement {
       if (loginLink) loginLink.style.display = '';
       if (registerLink) registerLink.style.display = '';
 
+      // Hide the dashboard link in desktop nav
+      if (dashboardLink) dashboardLink.style.display = 'none';
+      
       // Show the login and register links in mobile nav
       if (mobileLoginLink) mobileLoginLink.style.display = '';
       if (mobileRegisterLink) mobileRegisterLink.style.display = '';
 
+      // Hide the dashboard link in mobile nav
+      if (mobileDashboardLink) mobileDashboardLink.style.display = 'none';
+      
       // Remove any user-specific links from mobile menu
       const mobileSettingsLink = mobileMenu?.querySelector('.mobile-settings-link');
       const mobileLogoutLink = mobileMenu?.querySelector('.mobile-logout-link');