fix: Optimize json data when including it in the www nav (#30041)

* Add a script to separate the latest blog posts from the contentlayer json into a separate json.

* Use the new json data for the latest blog posts.

apps/www/scripts/generateLatestBlogPosts.mjs

@@ -0,0 +1,42 @@
+import { promises as fs } from 'fs'
+import path from 'path'
+import { fileURLToPath } from 'url'
+import { allBlogPosts } from '../.contentlayer/generated/index.mjs'
+
+/**
+ * Fixes Safari dates sorting bug
+ */
+const sortDates = (a, b, direction = 'desc') => {
+  const isAsc = direction === 'asc'
+  var reg = /-|:|T|\+/ //The regex on which matches the string should be split (any used delimiter) -> could also be written like /[.:T\+]/
+  var parsed = [
+    //an array which holds the date parts for a and b
+    a.date.split(reg), //Split the datestring by the regex to get an array like [Year,Month,Day]
+    b.date.split(reg),
+  ]
+  var dates = [
+    //Create an array of dates for a and b
+    new Date(parsed[0][0], parsed[0][1], parsed[0][2]), //Constructs an date of the above parsed parts (Year,Month...
+    new Date(parsed[1][0], parsed[1][1], parsed[1][2]),
+  ]
+  return isAsc ? dates[0] - dates[1] : dates[1] - dates[0] //Returns the difference between the date (if b > a then a - b < 0)
+}
+
+const latestBlogPosts = allBlogPosts
+  .sort(sortDates)
+  .slice(0, 2)
+  .map(({ title, url, description }) => ({ title, url, description }))
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+const folderPath = path.join(__dirname, '../.contentlayer/generated/LatestBlogPost')
+try {
+  await fs.mkdir(folderPath, { recursive: true })
+} catch (error) {
+  if (error.code !== 'EEXIST') {
+    throw error
+  }
+  // Folder already exists, continue silently
+}
+
+const filePath = path.join(__dirname, '../.contentlayer/generated/LatestBlogPost/_index.json')
+await fs.writeFile(filePath, JSON.stringify(latestBlogPosts), 'utf8')