Redesign docs site navigation, layout, and UX for world-class experience

- Declutter header: remove release notes API fetch, border around search,
  consolidate social icons to just GitHub (rest moved to footer)
- Add skip-to-content link and id="main-content" target for accessibility
- Remove emoji chevrons from nav menu items
- Create branded multi-column footer with docs, community, company links
- Redesign homepage with hero section, two CTAs, and 6 icon nav cards
- Brand the 404 page with large display number and action buttons
- Add description/lead text to section list page cards
- Enable breadcrumb trail and back-to-top button via Doks params
- Replace sidebar inline styles with proper CSS classes
- Add scroll progress bar (blue-to-orange gradient) on doc pages
- Comprehensive SCSS: footer, hero, home cards, 404, back-to-top,
  breadcrumbs, typography, TOC active indicator, header nav pills,
  sidebar chevron rotation, print styles, focus-visible outlines,
  prefers-reduced-motion support
- Fix copyright from "Thulite" to "DefectDojo Inc."

No markdown content files were modified.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: devGregA

docs/assets/js/custom.js

@@ -58,3 +58,35 @@
     observer.observe(document.body, { childList: true, subtree: true });
 
 })();
+
+
+// Scroll progress bar — shows reading progress on doc pages
+(() => {
+    "use strict";
+
+    const init = () => {
+        // Only add on doc pages (pages with .docs-content)
+        if (!document.querySelector('.docs-content')) return;
+
+        const bar = document.createElement('div');
+        bar.className = 'scroll-progress';
+        bar.style.width = '0%';
+        document.body.appendChild(bar);
+
+        const update = () => {
+            const scrollTop = window.scrollY;
+            const docHeight = document.documentElement.scrollHeight - window.innerHeight;
+            const progress = docHeight > 0 ? (scrollTop / docHeight) * 100 : 0;
+            bar.style.width = progress + '%';
+        };
+
+        window.addEventListener('scroll', update, { passive: true });
+        update();
+    };
+
+    if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', init);
+    } else {
+        init();
+    }
+})();