fix(MessageView): fix group order (#6760)

Fixes #6750

Author: Lukas742

packages/main/src/components/MessageView/MessageItem.module.css

@@ -1,4 +1,5 @@
 .listItem {
+  min-height: 0;
   height: var(--_ui5wcr-MessageViewListItemHeightSingle);
 }
 

packages/main/src/components/MessageView/MessageView.stories.tsx

@@ -87,7 +87,8 @@ const meta = {
         groupName={'Employees'}
       >
         Informative message
-      </MessageItem>
+      </MessageItem>,
+      <MessageItem key={7} titleText={'Error Message Type'} type={ValueState.Negative} counter={3} />
     ]
   }
 } satisfies Meta<typeof MessageView>;

packages/main/src/components/MessageView/index.tsx

@@ -92,8 +92,14 @@ export const resolveMessageGroups = (children: ReactElement<MessageItemPropTypes
     return acc;
   }, {});
 
-  return Object.entries<ReactElement<MessageItemPropTypes>[]>(groups).sort((a, b) => {
-    return a[0].localeCompare(b[0]);
+  return Object.entries<ReactElement<MessageItemPropTypes>[]>(groups).sort(([keyA], [keyB]) => {
+    if (keyA === '' && keyB !== '') {
+      return -1;
+    }
+    if (keyA !== '' && keyB === '') {
+      return 1;
+    }
+    return 0;
   });
 };