docs: update releases page with new versioning details and add LatestVersionNumber component

Author: jstarpl

packages/documentation/releases/releases.mdx

@@ -4,10 +4,21 @@ hide_table_of_contents: true
 slug: /
 ---
 
+import LatestVersionNumber from '../src/components/LatestVersionNumber.jsx'
+
 <!-- Warning: This file is intentionally not in the docs folder as it makes no sense to be versioned. If it does get versioned, then the import below breaks -->
 
-import GitHubReleases from '../src/components/GitHubReleases'
+Sofie project is working in a quaterly release cycle. The releases are done at the end of every March, June, September,
+and begining of December. The main Sofie components do not follow semantic versioning and instead use a `year.month`
+system. For example, the June release of year 2026 will be versioned as `26.06`.
+
+The latest version is: <LatestVersionNumber />
+
+When a version is released, the `HEAD` of the Git repositories is branched off into a new branch called `releases/YY.mm`
+and a Git tag is created for it.
 
-Current, future, and past releases of _Sofie_ are all tracked on [**our GitHub repository**](https://github.com/Sofie-Automation/Sofie-TV-automation/issues?utf8=%E2%9C%93&q=is%3Aissue+label%3ARelease).
+## Historic versioning
 
-<GitHubReleases org="Sofie-Automation" repo="Sofie-TV-Automation" releaseLabel="Release" state="all" />
+The new versioning system was implemented in March 2026 by the Sofie Technical Steering Comitee. All earlier versions follow a different versioning system,
+where `1.xx.xx` is used, with the major field fixed at `1`, the minor field indicating a development cycle of
+variable length, and the patch field used for bugfix releases, starting at `0`.

packages/documentation/src/components/LatestVersionNumber.jsx

@@ -0,0 +1,20 @@
+import React, { useState, useEffect } from 'react'
+
+import versions from '../../versions.json';
+
+const FALLBACK_VERSION = "2?.03"
+
+export default function LatestVersionNumber() {
+	try {
+		// The first item in versions.json is always the latest archived version
+		const latestVersion = versions[0];
+
+		if (!latestVersion) {
+			return <span>{FALLBACK_VERSION}</span>; // Fallback if versions.json is empty
+		}
+
+		return <span>{latestVersion}</span>;
+	} catch (error) {
+		return <span>{FALLBACK_VERSION}</span>;
+	}
+}