Refactor contributors list in about page and add release note link to GitHub

src/components/release-note.tsx

@@ -28,6 +28,30 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
 					month: parseInt(splitDate[1]) - 1,
 					day: parseInt(splitDate[0]),
 				}).format("MMMM Do, YYYY")}
+				<div className="flex items-center opacity-60 text-blue-500 mt-2">
+					<a href={`https://github.com/zen-browser/desktop/releases/tag/${data.version}`}>
+						GitHub Release
+					</a>
+					{data.workflowId && (
+						<>
+							<span className="mx-1 text-muted-foreground">•</span>
+							<a
+								href={`https://github.com/zen-browser/desktop/actions/runs/${data.workflowId}`}
+							>
+								Workflow Run
+							</a>
+						</>
+					)}
+				</div>
+				{data.inProgress && (
+					<div className="mt-5 flex">
+						<ExclamationTriangleIcon className="size-6 mr-3 text-yellow-500 opacity-60" />
+						<div>
+							<p>This release is still in progress, stay tuned!</p>
+							<p className="mt-2">Consider joining our <a href="https://discord.gg/zen-browser" className="text-blue-500">Discord</a> for update pings!</p >	
+						</div>
+					</div>
+				)}	
 			</StickyBox>
 			<div className="px-5 md:px-0 md:px-10 md:pr-32">
 				<h1 className="text-3xl font-bold">

src/lib/release-notes.ts

@@ -13,6 +13,8 @@ export interface ReleaseNote {
 	features?: string[];
 	breakingChanges?: string[];
 	themeChanges?: string[];
+	inProgress?: boolean;
+	workflowId?: number;
 }
 
 export const releaseNotes: ReleaseNote[] = [
@@ -761,6 +763,7 @@ export const releaseNotes: ReleaseNote[] = [
 	{
 		version: "1.0.0-a.39",
 		date: "09/09/2024",
+		workflowId: 29912810500,
 		extra:
 			"This release is the thirty-eighth alpha release of the 1.0.0-alpha series.",
 		features: [
@@ -801,6 +804,7 @@ export const releaseNotes: ReleaseNote[] = [
 	{
 			version: "1.0.1-a",
 			date: "15/09/2024",
+			workflowId: 10911842349,
 			image: true,
 			extra: "This version marks a more stable alpha release.\n\nThis release brings a few improvements to the UI and some important quality of life features for workspaces, such as separate pinned tabs, custom icons and assigned tab conainers!\n\nWe've also added a new AppImage installer for Linux users and started signing our Windows builds with a verified digital signature, making Windows Defender and other antivirus software less annoying!\n\nAlso, we've made the browser's layout more stable for themes, improved overal UX and added an a better theme support (Now called Zen Mods)!",
 			features: [
@@ -843,6 +847,7 @@ export const releaseNotes: ReleaseNote[] = [
 		version: "1.0.1-a.2",
 		date: "17/09/2024",
 		image: true,
+		workflowId: 10966772761,
 		extra: "This release could be considered a hotfix release for the previous version.\n\nSince we've started doing pretty big UI changes in order to gain more stability, it's normal that we may encounter some bugs... But not that many!\n\nThis release fixes some of the most important bugs that were introduced in the previous version and adds some small improvements.",
 		features: [
 			"Added entering animation when creating a new tab",
@@ -898,6 +903,8 @@ export const releaseNotes: ReleaseNote[] = [
 		version: "1.0.1-a.3",
 		date: "21/09/2024",
 		image: true,
+		inProgress: true,
+		workflowId: 10984380351,
 		extra: "We are thrilled to announce that this release marks a significant leap forward for Zen Browser.\n\nSince the last version (1.0.1-a.2), we've implemented numerous improvements and addressed key bug fixes, all aimed at enhancing your browsing experience.\n\nWe've made significant changes to the UI, including a new compact mode design, improved tab management, and a more intuitive user interface. We've also added new features, such as the ability to customize the tab bar and a new compact mode design.\n\nWe hope you enjoy this release and look forward to your feedback!",
 		features: [
 			"Compact mode now allows to only hide the toolbar",