fix: mobile release sorting in new docs

packages/dev/s2-docs/src/ComponentCardView.tsx

@@ -10,7 +10,8 @@ export interface ComponentCardItem {
   id: string,
   name: string,
   href: string,
-  description?: string
+  description?: string,
+  date?: string
 }
 
 interface ComponentCardGridProps {

packages/dev/s2-docs/src/MobileSearchMenu.tsx

@@ -305,6 +305,15 @@ function MobileNav({pages, currentPage}: PageProps) {
     return matchedPages.sort((a, b) => {
       let aNameMatch = title(a).toLowerCase().startsWith(searchLower);
       let bNameMatch = title(b).toLowerCase().startsWith(searchLower);
+      if (a.date && b.date) {
+        let aDate = new Date(a.date);
+        let bDate = new Date(b.date);
+        return bDate.getTime() - aDate.getTime();
+      } else if (a.date && !b.date) {
+        return 1;
+      } else if (!a.date && b.date) {
+        return -1;
+      }
 
       if (aNameMatch && !bNameMatch) {
         return -1;
@@ -325,16 +334,29 @@ function MobileNav({pages, currentPage}: PageProps) {
     let filteredPages = filterPages(pages, searchValue);
 
     return filteredPages
-      .sort((a, b) => title(a).localeCompare(title(b)))
-      .map(page => ({id: page.url.replace(/^\//, ''), name: title(page), href: page.url, description: page.exports?.description}));
+      .sort((a, b) => {
+        return title(a).localeCompare(title(b));
+      })
+      .map(page => ({id: page.url.replace(/^\//, ''), name: title(page), href: page.url, description: page.exports?.description, date: page.exports?.date}));
   };
 
   let getAllContent = (libraryId: string, searchValue: string = ''): ComponentCardItem[] => {
     let librarySections = getSectionsForLibrary(libraryId);
     let allPages = Array.from(librarySections.values()).flat();
     let filteredPages = filterPages(allPages, searchValue);
     return filteredPages
-      .sort((a, b) => title(a).localeCompare(title(b)))
+      .sort((a, b) => {
+        if (a.date && b.date) {
+          let aDate = new Date(a.date);
+          let bDate = new Date(b.date);
+          return bDate.getTime() - aDate.getTime();
+        } else if (a.date && !b.date) {
+          return 1;
+        } else if (!a.date && b.date) {
+          return -1;
+        }
+        return title(a).localeCompare(title(b));
+      })
       .map(page => ({id: page.url.replace(/^\//, ''), name: title(page), href: page.url, description: page.exports?.description}));
   };
 
@@ -355,6 +377,16 @@ function MobileNav({pages, currentPage}: PageProps) {
         const aIsIntro = a.name === 'Introduction';
         const bIsIntro = b.name === 'Introduction';
 
+        if (a.date && b.date) {
+          let aDate = new Date(a.date);
+          let bDate = new Date(b.date);
+          return bDate.getTime() - aDate.getTime();
+        } else if (a.date && !b.date) {
+          return 1;
+        } else if (!a.date && b.date) {
+          return -1;
+        }
+
         if (aIsIntro && !bIsIntro) {
           return -1;
         }