feat(ajustes): adicionar aba changelog com histórico de versões

Parser lê o CHANGELOG.md e exibe as versões com badges por tipo de mudança
(Adicionado, Alterado, Corrigido) na página de ajustes.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

components/ajustes/changelog-tab.tsx

@@ -0,0 +1,54 @@
+import { Badge } from "@/components/ui/badge";
+import { Card } from "@/components/ui/card";
+import type { ChangelogVersion } from "@/lib/changelog/parse-changelog";
+
+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>
+						))}
+					</div>
+				</Card>
+			))}
+		</div>
+	);
+}