Refactor contributors list in about page and add theme changes to release notes

src/components/release-note.tsx

@@ -1,7 +1,7 @@
 "use client";
 import { ReleaseNote, releaseNotes } from "@/lib/release-notes";
 import { ExclamationTriangleIcon } from "@radix-ui/react-icons";
-import { CheckCheckIcon, StarIcon } from "lucide-react";
+import { BrushIcon, CheckCheckIcon, StarIcon } from "lucide-react";
 import StickyBox from "react-sticky-box";
 
 import moment from "moment";
@@ -85,7 +85,7 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
 						<AccordionItem value="fixes" title="Fixes">
 							<AccordionTrigger className="border-b">
 								<div className="flex items-center">
-									<CheckCheckIcon className="mr-2 mt-1 size-5 opacity-50" />
+									<CheckCheckIcon className="mr-2 mt-1 size-5 opacity-50 text-green-500" />
 									<span className="ml-2">Fixes</span>
 								</div>
 							</AccordionTrigger>
@@ -111,6 +111,28 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
 							</AccordionContent>
 						</AccordionItem>
 					)}
+					{data.themeChanges && (
+						<AccordionItem value="theme-changes" title="Theme Changes">
+							<AccordionTrigger className="border-b">
+								<div className="flex items-center">
+									<BrushIcon className="mr-2 mt-1 size-5 opacity-50 text-blue-500" />
+									<span className="ml-2">Theme Changes</span>
+								</div>
+							</AccordionTrigger>
+							<AccordionContent>
+								<ul className="ml-6" style={{ listStyleType: "initial" }}>
+									{data.themeChanges.map((change) => (
+										<li
+											key={change}
+											className="text-md mt-4 text-muted-foreground"
+										>
+											<span className="ml-1">{change}</span>
+										</li>
+									))}
+								</ul>
+							</AccordionContent>
+						</AccordionItem>
+					)}
 					{data.features && (
 						<AccordionItem value="features" title="Features">
 							<AccordionTrigger>

src/lib/release-notes.ts

@@ -1,3 +1,4 @@
+
 interface Fix {
 	description: string;
 	issue?: number;
@@ -11,6 +12,7 @@ export interface ReleaseNote {
 	fixes?: Fix[];
 	features?: string[];
 	breakingChanges?: string[];
+	themeChanges?: string[];
 }
 
 export const releaseNotes: ReleaseNote[] = [
@@ -892,6 +894,80 @@ export const releaseNotes: ReleaseNote[] = [
 			},
 		],
 	},
+	{
+		version: "1.0.1-a.3",
+		date: "21/09/2024",
+		image: true,
+		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",
+			"Added support for customizing the tab bar",
+			"Added a new layout that saves vertical space",
+			"Added support for workspaces icon strip (Quick workspace switching)",
+			"Increased the font size on tabs",		
+			"Added support for customizing all the buttons that where before at the bottom left",
+			"Added support for context menu clicks on the tab bar (compact mode and on hover)",
+			"Added support for a new compact mode design",
+			"Allowed text fragments for the DOM by default",
+			"Added support for resizing split views",
+			"Added a keyboard shortcut to cycle through workspaces backwards",
+			"Compact mode now stays open for a longer time if the mouse exits the app",
+			"MacOS buttons will now be at the left side of the toolbar",
+			"Updated to the latest version of Firefox (130.0.1)",
+			"Added a way to modify compact mode behavior from right clickin the tab bar",
+			"Added support for a new compact mode design",
+			"Applied a more consistent design for the tab bar",
+			"Correctly signed the Windows updater",
+		],
+		fixes: [
+			{
+				description: "Can't split tab, if one of the tabs has been previously split",
+				isse: 1592
+			},
+			{
+				description: "Exit button padding is not correct",
+				issue: 1583
+			},
+			{
+				description: "Font size is too small on tabs",
+				issue: 1580
+			},
+			{
+				description: "Misaligned Padding across window",
+				isue: 1542
+			},
+			{
+				description: "Fixed exiting from split view with more than 6 tabs",
+				issue: 1539
+			},
+			{
+				description: "Fixed the sidebar ignoring the mobile user agent checkbox on creation",
+				isue: 1536
+			},
+			{
+				description: "\"Hide the default container indicator in the tab bar\" doesn't work when opening container with shortcut or via link",
+				issue: 1472
+			},
+			{
+				description: "Left, Bottom, and Right borders visible when in full screen mode",
+				issue: 1513
+			},
+			{
+				description: "Fixed checkboxes on context menu not being aligned",
+			},
+			{
+				description: "Fixed Mods not being applied to every single window opened",
+			}
+		],
+		breakingChanges: [
+			"Removed Galaxy and Dream themes",
+			"Removed the 'legacy-toolbar' preference",
+		],
+		themeChanges: [
+			"Themes will now be able to have string and number values",
+			"The configuration schema for themes has been updated. All current themes have been updated automatically.",
+		],
+	},
 ].reverse();
 
 export function releaseNoteIsAlpha(note: ReleaseNote) {