feat: OHIF-331 - About Modal (#1894)

* OHIF-330: Update Modal Styles

* feat: OHIF-331 - About Modal

* add dynamic values for about modal

* fix icon

platform/ui/src/assets/icons/external-link.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
+  <polyline points="15 3 21 3 21 9"></polyline>
+  <line x1="10" y1="14" x2="21" y2="3"></line>
+</svg>

platform/ui/src/components/Icon/getIcon.jsx

@@ -12,6 +12,7 @@ import chevronLeft from './../../assets/icons/chevron-left.svg';
 import chevronRight from './../../assets/icons/chevron-right.svg';
 import eyeVisible from './../../assets/icons/eye-visible.svg';
 import eyeHidden from './../../assets/icons/eye-hidden.svg';
+import externalLink from './../../assets/icons/external-link.svg';
 import groupLayers from './../../assets/icons/group-layers.svg';
 import info from './../../assets/icons/info.svg';
 import infoLink from './../../assets/icons/info-link.svg';
@@ -71,6 +72,7 @@ const ICONS = {
   'chevron-right': chevronRight,
   'eye-visible': eyeVisible,
   'eye-hidden': eyeHidden,
+  'external-link': externalLink,
   'group-layers': groupLayers,
   info: info,
   'info-link': infoLink,
@@ -116,7 +118,7 @@ const ICONS = {
   'old-angle-left': oldAngleLeft,
   'old-reset': oldReset,
   'old-circle-o': oldCircleO,
-  'old-trash': oldTrash
+  'old-trash': oldTrash,
 };
 
 /**