refactor(core): move app para src e padroniza estrutura

src/features/settings/components/changelog-tab.tsx

@@ -0,0 +1,92 @@
+import Link from "next/link";
+import type { ChangelogVersion } from "@/features/settings/lib/parse-changelog";
+import { Badge } from "@/shared/components/ui/badge";
+import { Card } from "@/shared/components/ui/card";
+
+/** Converte "[texto](url)" em link; texto simples fica como está */
+function parseContributorLine(content: string) {
+	const linkMatch = content.match(/^\[([^\]]+)\]\((https?:\/\/[^)]+)\)$/);
+	if (linkMatch) {
+		return { label: linkMatch[1], url: linkMatch[2] };
+	}
+	return { label: content, url: null };
+}
+
+const sectionBadgeVariant: Record<
+	string,
+	"success" | "info" | "destructive" | "secondary"
+> = {
+	Adicionado: "success",
+	Alterado: "info",
+	Corrigido: "destructive",
+	Removido: "secondary",
+};
+
+function getSectionVariant(type: string) {
+	return sectionBadgeVariant[type] ?? "secondary";
+}
+
+export function ChangelogTab({ versions }: { versions: ChangelogVersion[] }) {
+	return (
+		<div className="space-y-4">
+			{versions.map((version) => (
+				<Card key={version.version} className="p-6">
+					<div className="flex items-baseline gap-3">
+						<h3 className="text-lg font-bold">v{version.version}</h3>
+						<span className="text-sm text-muted-foreground">
+							{version.date}
+						</span>
+					</div>
+					<div className="space-y-4">
+						{version.sections.map((section) => (
+							<div key={section.type}>
+								<Badge
+									variant={getSectionVariant(section.type)}
+									className="mb-2"
+								>
+									{section.type}
+								</Badge>
+								<ul className="space-y-1.5 text-muted-foreground">
+									{section.items.map((item) => (
+										<li key={item} className="flex gap-2">
+											<span className="text-primary select-none">&bull;</span>
+											<span className="text-sm">{item}</span>
+										</li>
+									))}
+								</ul>
+							</div>
+						))}
+						{version.contributor && (
+							<div className="border-t pt-4 mt-4">
+								<span className="text-sm text-muted-foreground">
+									Contribuições: {(() => {
+										const { label, url } = parseContributorLine(
+											version.contributor,
+										);
+										if (url) {
+											return (
+												<Link
+													href={url}
+													target="_blank"
+													rel="noopener noreferrer"
+													className="font-medium text-foreground underline underline-offset-2 hover:text-primary"
+												>
+													{label}
+												</Link>
+											);
+										}
+										return (
+											<span className="font-medium text-foreground">
+												{label}
+											</span>
+										);
+									})()}
+								</span>
+							</div>
+						)}
+					</div>
+				</Card>
+			))}
+		</div>
+	);
+}