Fix remaining design issues: sidebar dots, gallery toggles, leaderboard filter

- Sidebar: add colored dots to What's New (orange) and Learning Tracks (purple)
- Gallery: remove pixel font from Show less/more toggles for readability
- Leaderboard: filter out E2E test users (auto-generated underscore+hex usernames)

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: adamint

AspireAcademy.Api/Endpoints/SocialEndpoints.cs

@@ -474,7 +474,9 @@ private static async Task<IResult> GetDbLeaderboard(Guid? userId, string scope,
         var isWeekly = scope == "weekly";
 
         var query = db.UserXp
-            .Join(db.Users, x => x.UserId, u => u.Id, (x, u) => new { u, x });
+            .Join(db.Users.Where(u => !u.IsDeleted), x => x.UserId, u => u.Id, (x, u) => new { u, x })
+            // Exclude E2E test users (auto-generated usernames with underscore + hex suffix)
+            .Where(ux => !ux.u.Username.Contains("_") || ux.u.Username == "admin" || ux.u.Username.Length < 15);
 
         var orderedQuery = isWeekly
             ? query.OrderByDescending(ux => ux.x.WeeklyXp)

AspireAcademy.Web/src/components/layout/Sidebar.tsx

@@ -288,10 +288,10 @@ export function Sidebar({ open, onClose }: SidebarProps) {
           <SideNavLink to="/weekly-challenge" icon={<Flex align="center" gap="0"><Box w="6px" h="6px" borderRadius="full" bg="#FB7185" mr="2" flexShrink={0} /><FiTarget size={16} /></Flex>} onClose={onClose}>
             Weekly Challenge
           </SideNavLink>
-          <SideNavLink to="/whats-new" icon={<FiStar size={16} />} onClose={onClose}>
+          <SideNavLink to="/whats-new" icon={<Flex align="center" gap="0"><Box w="6px" h="6px" borderRadius="full" bg="#FB923C" mr="2" flexShrink={0} /><FiStar size={16} /></Flex>} onClose={onClose}>
             What's New
           </SideNavLink>
-          <SideNavLink to="/personas" icon={<FiCompass size={16} />} onClose={onClose}>
+          <SideNavLink to="/personas" icon={<Flex align="center" gap="0"><Box w="6px" h="6px" borderRadius="full" bg="#A78BFA" mr="2" flexShrink={0} /><FiCompass size={16} /></Flex>} onClose={onClose}>
             Learning Tracks
           </SideNavLink>
         </Box>

AspireAcademy.Web/src/pages/GalleryPage.tsx

@@ -905,7 +905,6 @@ function GalleryDetail({
                         minW="auto"
                         _hover={{ color: 'aspire.500' }}
                         onClick={() => setShowFullOverview((v) => !v)}
-                        {...pixelFontProps}
                       >
                         {showFullOverview ? 'Show less ▲' : 'Show more ▼'}
                       </Button>
@@ -949,7 +948,6 @@ function GalleryDetail({
                   verticalAlign="baseline"
                   _hover={{ color: 'aspire.500' }}
                   onClick={() => setShowFullWhyAspire((v) => !v)}
-                  {...pixelFontProps}
                 >
                   {showFullWhyAspire ? 'less' : 'more'}
                 </Button>