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;

apps/client/src/common/hooks/useEntryAction.ts

@@ -15,7 +15,7 @@ import {
 } from 'ontime-types';
 import { dayInMs, generateId, MILLIS_PER_SECOND, parseUserTime, swapEventData } from 'ontime-utils';
 
-import { moveDown, moveUp } from '../../features/rundown/rundown.utils';
+import { moveDown, moveUp, orderEntries } from '../../features/rundown/rundown.utils';
 import { RUNDOWN } from '../api/constants';
 import {
   deleteEntries,
@@ -622,13 +622,22 @@ export const useEntryActions = () => {
    */
   const groupEntries = useCallback(
     async (entryIds: EntryId[]) => {
+      if (entryIds.length === 0) return;
+
       try {
-        await groupEntriesMutation(entryIds);
+        if (entryIds.length === 1) {
+          await groupEntriesMutation(entryIds);
+        } else {
+          const rundown = queryClient.getQueryData<Rundown>(RUNDOWN);
+          if (!rundown) return;
+          const orderedIds = orderEntries(entryIds, rundown.flatOrder);
+          await groupEntriesMutation(orderedIds);
+        }
       } catch (error) {
         logAxiosError('Error grouping entries', error);
       }
     },
-    [groupEntriesMutation],
+    [groupEntriesMutation, queryClient],
   );
 
   /**