chore: normalize line endings

1 files changed, 146 insertions, 146 deletions

diff --git a/apps/web/src/app/roadmap/page.tsx b/apps/web/src/app/roadmap/page.tsx
index 59c36d78..a0c3d9be 100644
--- a/apps/web/src/app/roadmap/page.tsx
+++ b/apps/web/src/app/roadmap/page.tsx
@@ -1,146 +1,146 @@
-import type { Metadata } from "next";
-import { BasePage } from "@/app/base-page";
-import { GitHubContributeSection } from "@/components/gitHub-contribute-section";
-import { Badge } from "@/components/ui/badge";
-import { ReactMarkdownWrapper } from "@/components/ui/react-markdown-wrapper";
-import { cn } from "@/utils/ui";
-
-const LAST_UPDATED = "February 25, 2026";
-
-type StatusType = "complete" | "pending" | "default" | "info";
-
-interface Status {
-	text: string;
-	type: StatusType;
-}
-
-interface RoadmapItem {
-	title: string;
-	description: string;
-	status: Status;
-}
-
-const roadmapItems: RoadmapItem[] = [
-	{
-		title: "Start",
-		description:
-			"This is where it all started. Repository created, initial project structure, and the vision for a free, open-source video editor. [Check out the first tweet](https://x.com/mazeincoding/status/1936706642512388188) to see where it started.",
-		status: {
-			text: "Completed",
-			type: "complete",
-		},
-	},
-	{
-		title: "Core UI",
-		description:
-			"Build the foundation - main layout, header, sidebar, timeline container, and basic component structure. Not all functionality yet, but the UI framework that everything else builds on.",
-		status: {
-			text: "Completed",
-			type: "complete",
-		},
-	},
-	{
-		title: "Essential functionality",
-		description:
-			"Everything that makes a video editor **useful**. Timeline interactivity, storage, effects, transitions, etc.",
-		status: {
-			text: "In progress",
-			type: "pending",
-		},
-	},
-	{
-		title: "Native app (mobile/desktop)",
-		description:
-			"Native OpenCut apps for Mac, Windows, Linux, and iOS/Android.",
-		status: {
-			text: "Not started",
-			type: "default",
-		},
-	},
-];
-
-export const metadata: Metadata = {
-	title: "Roadmap - OpenCut",
-	description:
-		"See what's coming next for OpenCut - the free, open-source video editor that respects your privacy.",
-	openGraph: {
-		title: "OpenCut Roadmap - What's Coming Next",
-		description:
-			"See what's coming next for OpenCut - the free, open-source video editor that respects your privacy.",
-		type: "website",
-		images: [
-			{
-				url: "/open-graph/roadmap.jpg",
-				width: 1200,
-				height: 630,
-				alt: "OpenCut Roadmap",
-			},
-		],
-	},
-	twitter: {
-		card: "summary_large_image",
-		title: "OpenCut Roadmap - What's Coming Next",
-		description:
-			"See what's coming next for OpenCut - the free, open-source video editor that respects your privacy.",
-		images: ["/open-graph/roadmap.jpg"],
-	},
-};
-
-export default function RoadmapPage() {
-	return (
-		<BasePage
-			title="Roadmap"
-			description={`What's coming next for OpenCut (last updated: ${LAST_UPDATED})`}
-		>
-			<div className="mx-auto flex max-w-4xl flex-col gap-16">
-				<div className="flex flex-col gap-6">
-					{roadmapItems.map((item, index) => (
-						<RoadmapItem key={item.title} item={item} index={index} />
-					))}
-				</div>
-				<GitHubContributeSection
-					title="Want to help?"
-					description="OpenCut is open source and built by the community. Every contribution,
-          no matter how small, helps us build the best free video editor
-          possible."
-				/>
-			</div>
-		</BasePage>
-	);
-}
-
-function RoadmapItem({ item, index }: { item: RoadmapItem; index: number }) {
-	return (
-		<div className="flex flex-col gap-2">
-			<div className="flex flex-wrap items-center gap-x-2 gap-y-1 text-lg font-medium">
-				<span className="leading-normal select-none">{index + 1}</span>
-				<h3>{item.title}</h3>
-				<StatusBadge status={item.status} className="ml-1" />
-			</div>
-			<div className="text-foreground/70 leading-relaxed">
-				<ReactMarkdownWrapper>{item.description}</ReactMarkdownWrapper>
-			</div>
-		</div>
-	);
-}
-
-function StatusBadge({
-	status,
-	className,
-}: {
-	status: Status;
-	className?: string;
-}) {
-	return (
-		<Badge
-			className={cn("shadow-none", className, {
-				"bg-green-500! text-white": status.type === "complete",
-				"bg-yellow-500! text-white": status.type === "pending",
-				"bg-blue-500! text-white": status.type === "info",
-				"bg-foreground/10! text-accent-foreground": status.type === "default",
-			})}
-		>
-			{status.text}
-		</Badge>
-	);
-}
+import type { Metadata } from "next";

+import { BasePage } from "@/app/base-page";

+import { GitHubContributeSection } from "@/components/gitHub-contribute-section";

+import { Badge } from "@/components/ui/badge";

+import { ReactMarkdownWrapper } from "@/components/ui/react-markdown-wrapper";

+import { cn } from "@/utils/ui";

+

+const LAST_UPDATED = "February 25, 2026";

+

+type StatusType = "complete" | "pending" | "default" | "info";

+

+interface Status {

+	text: string;

+	type: StatusType;

+}

+

+interface RoadmapItem {

+	title: string;

+	description: string;

+	status: Status;

+}

+

+const roadmapItems: RoadmapItem[] = [

+	{

+		title: "Start",

+		description:

+			"This is where it all started. Repository created, initial project structure, and the vision for a free, open-source video editor. [Check out the first tweet](https://x.com/mazeincoding/status/1936706642512388188) to see where it started.",

+		status: {

+			text: "Completed",

+			type: "complete",

+		},

+	},

+	{

+		title: "Core UI",

+		description:

+			"Build the foundation - main layout, header, sidebar, timeline container, and basic component structure. Not all functionality yet, but the UI framework that everything else builds on.",

+		status: {

+			text: "Completed",

+			type: "complete",

+		},

+	},

+	{

+		title: "Essential functionality",

+		description:

+			"Everything that makes a video editor **useful**. Timeline interactivity, storage, effects, transitions, etc.",

+		status: {

+			text: "In progress",

+			type: "pending",

+		},

+	},

+	{

+		title: "Native app (mobile/desktop)",

+		description:

+			"Native OpenCut apps for Mac, Windows, Linux, and iOS/Android.",

+		status: {

+			text: "Not started",

+			type: "default",

+		},

+	},

+];

+

+export const metadata: Metadata = {

+	title: "Roadmap - OpenCut",

+	description:

+		"See what's coming next for OpenCut - the free, open-source video editor that respects your privacy.",

+	openGraph: {

+		title: "OpenCut Roadmap - What's Coming Next",

+		description:

+			"See what's coming next for OpenCut - the free, open-source video editor that respects your privacy.",

+		type: "website",

+		images: [

+			{

+				url: "/open-graph/roadmap.jpg",

+				width: 1200,

+				height: 630,

+				alt: "OpenCut Roadmap",

+			},

+		],

+	},

+	twitter: {

+		card: "summary_large_image",

+		title: "OpenCut Roadmap - What's Coming Next",

+		description:

+			"See what's coming next for OpenCut - the free, open-source video editor that respects your privacy.",

+		images: ["/open-graph/roadmap.jpg"],

+	},

+};

+

+export default function RoadmapPage() {

+	return (

+		<BasePage

+			title="Roadmap"

+			description={`What's coming next for OpenCut (last updated: ${LAST_UPDATED})`}

+		>

+			<div className="mx-auto flex max-w-4xl flex-col gap-16">

+				<div className="flex flex-col gap-6">

+					{roadmapItems.map((item, index) => (

+						<RoadmapItem key={item.title} item={item} index={index} />

+					))}

+				</div>

+				<GitHubContributeSection

+					title="Want to help?"

+					description="OpenCut is open source and built by the community. Every contribution,

+          no matter how small, helps us build the best free video editor

+          possible."

+				/>

+			</div>

+		</BasePage>

+	);

+}

+

+function RoadmapItem({ item, index }: { item: RoadmapItem; index: number }) {

+	return (

+		<div className="flex flex-col gap-2">

+			<div className="flex flex-wrap items-center gap-x-2 gap-y-1 text-lg font-medium">

+				<span className="leading-normal select-none">{index + 1}</span>

+				<h3>{item.title}</h3>

+				<StatusBadge status={item.status} className="ml-1" />

+			</div>

+			<div className="text-foreground/70 leading-relaxed">

+				<ReactMarkdownWrapper>{item.description}</ReactMarkdownWrapper>

+			</div>

+		</div>

+	);

+}

+

+function StatusBadge({

+	status,

+	className,

+}: {

+	status: Status;

+	className?: string;

+}) {

+	return (

+		<Badge

+			className={cn("shadow-none", className, {

+				"bg-green-500! text-white": status.type === "complete",

+				"bg-yellow-500! text-white": status.type === "pending",

+				"bg-blue-500! text-white": status.type === "info",

+				"bg-foreground/10! text-accent-foreground": status.type === "default",

+			})}

+		>

+			{status.text}

+		</Badge>

+	);

+}