fix(ui): co-browser (assist) list sorting

frontend/app/components/shared/LiveSessionList/LiveSessionList.tsx

@@ -30,7 +30,7 @@ function LiveSessionList() {
   let timeoutId: any;
   const { filters } = filter;
   const hasUserFilter = filters.map((i: any) => i.key).includes(KEYS.USERID);
-  const sortOptions = [{ label: 'Start Time', value: 'timestamp' }].concat(
+  const sortOptions = [{ label: 'Start Time', value: 'timestamp' }, { label: 'Duration', value: 'duration' }].concat(
     metaList
       .map(({ key }: any) => ({
         label: capitalize(key),

frontend/app/components/shared/SortOrderButton/SortOrderButton.tsx

@@ -6,28 +6,22 @@ interface Props {
   sortOrder: string;
   onChange?: (sortOrder: string) => void;
 }
+
 export default React.memo(function SortOrderButton(props: Props) {
   const { sortOrder, onChange = () => null } = props;
   const isAscending = sortOrder === 'asc';
 
   return (
     <div className="rounded-full">
-
-          <Segmented
-            size='small'
-            options={[
-              { label: 'Ascending', value: 'Ascending', icon: <ArrowUpOutlined /> },
-              { label: 'Descending', value: 'Descending', icon: <ArrowDownOutlined /> },
-            ]}
-            defaultValue="Ascending"
-            onChange={(value) => {
-              if (value === 'Ascending') {
-                onChange('asc');
-              } else if (value === 'Descending') {
-                onChange('desc');
-              }
-            }}
-          />
+      <Segmented
+        size="small"
+        options={[
+          { label: 'Ascending', value: 'asc', icon: <ArrowUpOutlined /> },
+          { label: 'Descending', value: 'desc', icon: <ArrowDownOutlined /> }
+        ]}
+        defaultValue={sortOrder}
+        onChange={onChange}
+      />
     </div>
   );
 });

frontend/app/mstore/searchStoreLive.ts

@@ -49,7 +49,7 @@ class SearchStoreLive {
   latestRequestTime: number | null = null;
   latestList = List();
   alertMetricId: number | null = null;
-  instance = new Search();
+  instance = new Search({ sort: 'timestamp', order: 'desc' });
   instanceLive = new Search();
   savedSearch = new Search();
   filterSearchList: any = {};