refactor: style tweaks and bug fixes

- italic and bold for rundown metadata entries
- allow deleting groups
- make groups in order
- correct style for milestones
- open playing groups
- style tweaks

apps/client/src/common/components/input/input/Input.module.scss

@@ -2,7 +2,7 @@
   box-sizing: border-box;
 
   font-size: 1rem;
-  font-weight: 400;
+  font-weight: inherit;
   color: $gray-200;
   border-radius: $component-border-radius-md;
   border: 1px solid transparent;

apps/client/src/common/components/input/textarea/Textarea.module.scss

@@ -4,7 +4,7 @@
 
   display: block;
   font-size: 1rem;
-  font-weight: 400;
+  font-weight: inherit;
   color: $gray-200;
   border-radius: $component-border-radius-md;
   border: 1px solid transparent;
@@ -34,11 +34,13 @@
 
 .subtle {
   background-color: $gray-1200;
+  padding-top: 0.5em;
 }
 
 .ghosted {
   background-color: transparent;
   padding: 0;
+  padding-top: 0.5em;
 }
 
 .fluid {

apps/client/src/common/components/link/external-link/ExternalLink.module.scss

@@ -7,6 +7,7 @@
   transition-property: color;
   transition-duration: $transition-time-action;
   width: fit-content;
+  text-decoration: none;
 
   &.inline {
     display: inline-flex;
@@ -20,4 +21,4 @@
     outline: none; 
     box-shadow: 0 1px 0 0 currentColor;
   }
-}
+} 

apps/client/src/common/components/modal/Modal.module.scss

@@ -7,7 +7,7 @@
   padding-inline: 1rem;
   min-width: min(680px, 90vw);
   min-height: min(200px, 10vh);
-  max-width: min(680px, 90vw);
+  max-width: min(800px, 90vw);
 
   background-color: $gray-1250;
   color: $ui-white;