docs: edit migration guides (#4504)

platform/docs/docs/conformance.md

@@ -1,6 +1,6 @@
 ---
 sidebar_position: 12
-sidebar_label: DICOM Conformance Statement (NEW)
+sidebar_label: DICOM Conformance Statement
 title: DICOM Conformance Statement
 ---
 

platform/docs/docs/migration-guide/3p8-to-3p9/0-general.md

@@ -6,7 +6,7 @@ title: General
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
-# Not SharedArrayBuffer anymore!
+# No SharedArrayBuffer anymore!
 
 We have streamlined the process of loading volumes without sacrificing speed by eliminating the need for shared array buffers. This change resolves issues across various frameworks, where previously, specific security headers were required. Now, you can remove any previously set headers, which lowers the barrier for adopting Cornerstone 3D in frameworks that didn't support those headers. Shared array buffers are no longer necessary, and all related headers can be removed.
 

platform/docs/docs/migration-guide/3p8-to-3p9/1-segmentation/index.md

@@ -4,8 +4,14 @@ title: Segmentation
 sidebar_position: 1
 ---
 
+import DocCardList from '@theme/DocCardList';
+import {useCurrentSidebarCategory} from '@docusaurus/theme-common';
+
 :::info
 This migration involves significant architectural changes to the segmentation system. While we typically aim for incremental updates, the shift from a tool group-centric to a viewport-centric architecture was necessary to support OHIF 3.9's advanced visualization capabilities, and more flexible segmentation handling.
 
 Don't worry - we'll guide you through each change step by step!
 :::
+
+
+<DocCardList items={useCurrentSidebarCategory().items}/>

platform/docs/docs/migration-guide/3p8-to-3p9/index.md

@@ -4,4 +4,10 @@ title: 3.8 -> 3.9
 sidebar_position: 1
 ---
 
-Here are the changes you need to make to migrate from 3.8 to 3.9.
+
+import DocCardList from '@theme/DocCardList';
+import {useCurrentSidebarCategory} from '@docusaurus/theme-common';
+
+## Migration Guide Sections
+
+<DocCardList items={useCurrentSidebarCategory().items}/>

platform/docs/docusaurus.config.js

@@ -193,6 +193,12 @@ module.exports = {
             label: 'Help',
             position: 'left',
           },
+          {
+            to: '/migration-guide/3p8-to-3p9/',
+            //activeBaseRegex: '(^/help$)|(/help)',
+            label: '3.9 Migration Guides',
+            position: 'left',
+          },
           {
             type: 'docsVersionDropdown',
             position: 'right',

platform/docs/src/css/custom.css

@@ -34,6 +34,9 @@
     --chart-4: 280 65% 60%;
     --chart-5: 340 75% 55%;
     --radius: 0.5rem;
+    --badge-new-color: hsl(var(--primary-foreground));
+    --badge-new-background: linear-gradient(135deg, hsl(var(--highlight)), hsl(var(--primary)));
+    --badge-latest-stable-color: hsl(var(--primary));
   }
 
   .dark {
@@ -61,6 +64,9 @@
     --chart-3: 30 80% 55%;
     --chart-4: 280 65% 60%;
     --chart-5: 340 75% 55%;
+    --badge-new-color: hsl(var(--primary-foreground));
+    --badge-new-background: linear-gradient(135deg, hsl(var(--highlight)), hsl(var(--primary)));
+    --badge-latest-stable-color: hsl(var(--primary));
   }
 }
 
@@ -670,3 +676,42 @@ html[data-theme='dark'] .markdown hr {
 .theme-doc-version-banner {
   display: none;
 }
+
+/* New badge styling */
+/* New Badge Styling */
+a.navbar__item.navbar__link.navbar__link--active[href='/migration-guide/3p8-to-3p9/'][aria-current='page']::after {
+  content: ' NEW';
+  display: inline-block;
+  margin-left: 8px;
+  padding: 2px 6px;
+  font-size: 0.75em;
+  font-weight: bold;
+  color: var(--badge-new-color);
+  background: var(--badge-new-background);
+  border-radius: 12px;
+  position: relative;
+  overflow: hidden;
+  white-space: nowrap;
+  /* Shiny Effect */
+  background-size: 200% 200%;
+  animation: shine 2s linear infinite;
+  box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
+}
+
+/* Shiny Animation */
+@keyframes shine {
+  0% {
+    background-position: 0% 50%;
+  }
+  100% {
+    background-position: 100% 50%;
+  }
+}
+
+/* "(latest stable)" Text Styling */
+a.dropdown__link[href='/3.9/migration-guide/3p8-to-3p9/']::after {
+  content: ' (latest stable)';
+  color: var(--badge-latest-stable-color);
+  font-size: 0.9em;
+  margin-left: 4px;
+}

platform/docs/versioned_docs/version-3.9/migration-guide/3p8-to-3p9/0-general.md

@@ -6,7 +6,7 @@ title: General
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
-# Not SharedArrayBuffer anymore!
+# No SharedArrayBuffer anymore!
 
 We have streamlined the process of loading volumes without sacrificing speed by eliminating the need for shared array buffers. This change resolves issues across various frameworks, where previously, specific security headers were required. Now, you can remove any previously set headers, which lowers the barrier for adopting Cornerstone 3D in frameworks that didn't support those headers. Shared array buffers are no longer necessary, and all related headers can be removed.