Sort collections explicitly (lexicographically by id)

Per https://docs.astro.build/en/guides/upgrade-to/v5/#breaking-changes-to-legacy-content-and-data-collections

> Sort order of generated collections is non-deterministic and platform-dependent. This means that if you are calling getCollection(), the order in which entries are returned may be different than before. If you need a specific order, you must sort the collection entries yourself.

Except for blog entries which are already being sorted by date, we explicitly sort lexicographically
(using [`localeCompare`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare)
because [array sort wants a comparator function that returns negative, 0 or positive to indicate order](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort)

Author: albertchae

src/components/pages/download/DownloadAccordion.astro

@@ -4,9 +4,9 @@ import { getCollection, render } from 'astro:content';
 const { family = 'nix' } = Astro.props;
 const accordionId = `download-${family}-accordion`;
 
-let downloadOptions = (await getCollection('download')).filter(
-  (option) => option.data.family === family,
-);
+let downloadOptions = (await getCollection('download'))
+  .sort((a, b) => a.id.localeCompare(b.id))
+  .filter((option) => option.data.family === family);
 ---
 
 <div id={accordionId} class="download-accordion">

src/pages/community.astro

@@ -16,6 +16,8 @@ import Layout from '../layouts/Layout.astro';
 const meetups = await getEntry('community', 'meetups');
 const teams = await getCollection('teams');
 
+teams.sort((a, b) => a.id.localeCompare(b.id));
+
 const nixcons = [
   {
     title: 'NixCon 2024 - Berlin',

src/pages/index.astro

@@ -13,6 +13,9 @@ import InlineSVG from '../components/util/InlineSVG.astro';
 const landingFeatures = await getCollection('landingFeatures');
 const demos = await getEntry('landing', 'demos');
 const posts = await getCollection('blog');
+
+landingFeatures.sort((a, b) => a.id.localeCompare(b.id));
+
 posts
   .sort((a, b) => {
     const dateA = new Date(a.data.date);

src/pages/learn.astro

@@ -9,6 +9,8 @@ import InlineSVG from '../components/util/InlineSVG.astro';
 import Layout from '../layouts/Layout.astro';
 const learningManuals = await getCollection('learningManuals');
 
+learningManuals.sort((a, b) => a.id.localeCompare(b.id));
+
 const learningFeatures = [
   {
     imgUrl: '/src/assets/image/learn/installGfx.svg',