Replace Blue Skeleton Loader with White/Neutral Loading State

[hrx01-dev]

Description

The application currently displays skeleton loading placeholders using a bright blue background color during page and data loading states. This color is visually distracting and does not align with the overall design system.

The skeleton loader should be updated to use a neutral white/light-gray color palette that better matches the application's UI and provides a cleaner loading experience.

Current Behavior

• Skeleton placeholders appear with a blue background.
• Loading state draws excessive attention away from the rest of the interface.
• Visual inconsistency with the application's color scheme.

Expected Behavior

• Skeleton loaders should use white or neutral gray shades.
• Loading placeholders should blend naturally with the application's theme.
• Any shimmer or pulse animation should remain functional after the color update.

Implementation Notes

• Identify all skeleton loader components used across the application.
• Replace blue background classes/tokens with neutral colors from the design system.
• Verify loading states across dashboard pages, project views, services pages, and other data-driven screens.
• Ensure both light and dark mode themes remain visually consistent.

Acceptance Criteria

• No blue skeleton loaders remain in the application.
• Skeleton placeholders use white/light-gray neutral colors.
• Existing loading animations continue to function correctly.
• Loading states are visually consistent across all pages.
• No regressions in light or dark mode.

[kumudranjan6127-debug]

/assign

[github-actions]

✅ Assigned @kumudranjan6127-debug

[kumudranjan6127-debug]

Description

• Typing animation — reusable TypingText component types hero headline (Converts) on load and 5 section headings (Services, Process, Testimonials, Pricing, FAQ) once when they enter the viewport
• Service detail pages — dedicated /services/:slug routes for all 6 services with full content sections (What's Included, Who It's For, How We Work, FAQ, CTA)
• Dashboard navigation — signed-in users now see a "Dashboard" link in the Navbar on the landing page (Closes Add navigation to dashboard on the landing page #73)
• Skeleton loader fix — replaced bg-accent (#06B6D4 cyan) with bg-muted (neutral gray) across all dashboard loading states (Closes Replace Blue Skeleton Loader with White/Neutral Loading State #72)
• DashboardLayout merge — resolved conflict keeping theme toggle (Moon/Sun) + new nav items (AI Estimate, Pricing Config) from main
• CodeQL workflow — added .github/workflows/codeql.yml to satisfy branch protection code scanning requirement

Closes #72