fix(FR-1509): fix sidebar menu sorting inconsistency across browsers (#4329)

Resolves #4328 ([FR-1509](https://lablup.atlassian.net/browse/FR-1509))

## Summary
Fixes a browser-specific bug where non-group menu items appear at the end of the sidebar menu in Firefox, while they display correctly at the beginning in Chrome and Safari.

## Root Cause
Different JavaScript engines (V8 in Chrome, SpiderMonkey in Firefox, JavaScriptCore in Safari) may pass items to the sort callback in different orders. The original sorting logic didn't properly handle non-group items that weren't in the predefined order array, causing inconsistent comparison results depending on the callback order.

## Changes
- Implement explicit weight-based sorting for both group and non-group items
- Assign negative weight (-1) to non-group items to ensure they always appear first
- Properly handle group items not in the predefined order by assigning them maximum weight
- Ensure consistent sorting results regardless of JavaScript engine implementation
- Remove TypeScript ignore comments and improve type safety

## Testing
- Verified menu ordering is consistent across Firefox, Chrome, and Safari
- Non-group items now properly appear at the beginning of the menu in all browsers
- Group items maintain correct predefined order

This fix ensures consistent menu ordering across all browsers by making the sorting logic deterministic and independent of the JavaScript engine's sort implementation details.

[FR-1509]: https://lablup.atlassian.net/browse/FR-1509?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

Author: yomybaby

react/src/components/MainLayout/WebUISider.tsx

@@ -408,8 +408,10 @@ const WebUISider: React.FC<WebUISiderProps> = (props) => {
         children: items,
       };
     })
+    .flatten()
     .sort((a, b) => {
-      const order: Array<GroupName> = [
+      const groupOrder: Array<GroupName | undefined> = [
+        undefined,
         'none',
         'storage',
         'workload',
@@ -418,15 +420,17 @@ const WebUISider: React.FC<WebUISiderProps> = (props) => {
         'mlops',
         'metrics',
       ];
-      // @ts-ignore
-      // If a.name is not in order array, push it to the end.
-      if (!_.includes(order, a.name)) {
-        return 1;
-      }
-      // @ts-ignore
-      return order.indexOf(a.name) - order.indexOf(b.name);
+
+      // if item is not group type, place it at the beginning
+      // if item is group type but not in the groupOrder, place it at the end
+      const getWeight = (item: any) => {
+        if (item?.type !== 'group') return -1; // non-group items first
+        const idx = groupOrder.indexOf(item.name as GroupName | undefined);
+        return idx === -1 ? Number.MAX_SAFE_INTEGER : idx;
+      };
+
+      return getWeight(a) - getWeight(b);
     })
-    .flatten()
     .value();
 
   return (