Refine docs site: title-case nav, version-toggle dashboard images, dark mode logo fix

- Title case top navigation menu items (Get Started, Import Data, etc.)
- Add version-toggled dashboard images on About and Dashboard pages
- Hide Pro-versioned content by default via CSS
- Fix version toggle to use display:block instead of empty string
- Update dark mode logo SVG fill color for visibility

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

Author: devGregA

docs/assets/js/custom.js

@@ -11,7 +11,7 @@
         console.log("[VersionToggle] Setting version to:", version);
 
         document.querySelectorAll(".version-opensource, .version-pro").forEach(el => {
-            el.style.display = el.classList.contains(`version-${version}`) ? "" : "none";
+            el.style.display = el.classList.contains(`version-${version}`) ? "block" : "none";
         });
 
         localStorage.setItem("version", version);

docs/assets/scss/common/_custom.scss

@@ -180,6 +180,12 @@ h1, h2, h3, h4, h5, h6,
   color: white;
 }
 
+// Hide Pro-versioned content by default (opensource is default).
+// JS sets explicit inline display:block/none when version is toggled.
+.version-pro {
+  display: none;
+}
+
 // ============================================================
 // Cards
 // ============================================================

docs/config/_default/menus/menus.en.toml

@@ -1,25 +1,25 @@
 [[main]]
-  name = "Get started"
+  name = "Get Started"
   url = "/get_started/about/about_defectdojo"
   weight = 10
 
 [[main]]
-  name = "Import data"
+  name = "Import Data"
   url = "/import_data/import_intro/comparison/"
   weight = 12
 
 [[main]]
-  name = "Triage findings"
+  name = "Triage Findings"
   url = "/triage_findings/findings_workflows/intro_to_findings/"
   weight = 12
 
 [[main]]
-  name = "Model your assets"
+  name = "Model Your Assets"
   url = "/asset_modelling/hierarchy/pro__assets_organizations/"
   weight = 13
 
 [[main]]
-  name = "Metrics & reports"
+  name = "Metrics & Reports"
   url = "/metrics_reports/dashboards/introduction_dashboard/"
   weight = 14
 
@@ -29,7 +29,7 @@
   weight = 16
 
 [[main]]
-  name = "Issue tracking"
+  name = "Issue Tracking"
   url = "/issue_tracking/intro/intro/"
   weight = 15
 
@@ -39,7 +39,7 @@
   weight = 15
 
 [[main]]
-  name = "Supported tools"
+  name = "Supported Tools"
   url = "/supported_tools/"
   weight = 16
 

docs/content/get_started/about/about_defectdojo.md

@@ -7,8 +7,17 @@ weight: 1
 aliases:
   - /en/about_defectdojo/about_docs
 ---
+<div class="version-opensource">
+
 ![image](images/dashboard.png)
 
+</div>
+<div class="version-pro">
+
+![image](images/Introduction_to_Dashboard_Features.png)
+
+</div>
+
 
 <span style="background-color:rgba(242, 86, 29, 0.3)">DefectDojo Inc. and open-source contributors maintain this documentation to support both the Community and Pro editions of DefectDojo.</span>
 

docs/content/metrics_reports/dashboards/Introduction_dashboard.md

@@ -8,8 +8,17 @@ aliases:
 ---
 The Dashboard is likely the first page you'll see when you open DefectDojo. It summarizes your team’s performance, and provides tracking tools to monitor specific areas of your vulnerability tracking environment.
 
+<div class="version-opensource">
+
+![image](images/dashboard.png)
+
+</div>
+<div class="version-pro">
+
 ![image](images/Introduction_to_Dashboard_Features.png)
 
+</div>
+
 ## Dashboard Components
 
 * **Customizable Dashboard Tiles**, which you can use to visualize the metrics which are relevant to you.