[MVPTN-81] feat(Navegacao): Criado navegação para cadastros complementares

src/app/(protected)/(cadastros)/cadastros/pessoas/complementos/page.tsx

@@ -0,0 +1,73 @@
+import { FileText, Heart, Briefcase, Scale, Link as LinkIcon, MapPin } from "lucide-react";
+import { Card, CardContent } from "@/components/ui/card";
+import Link from "next/link";
+
+export default function CadastrosPage() {
+
+    const items = [
+        {
+            title: 'Documentos',
+            description: 'Gerencie os tipos de documentos aceitos e suas configurações no sistema.',
+            icon: FileText,
+        },
+        {
+            title: 'Estado Civil',
+            description: 'Cadastre e mantenha os diferentes estados civis utilizados nos registros.',
+            icon: Heart,
+        },
+        {
+            title: 'Profissão',
+            description: 'Gerencie a lista de profissões para utilização em cadastros e registros.',
+            icon: Briefcase,
+        },
+        {
+            title: 'Regime de Comunhão',
+            description: 'Defina os regimes de comunhão aplicáveis em matrimônios e registros civis.',
+            icon: Scale,
+        },
+        {
+            title: 'Vínculo de Sinal Público',
+            description: 'Controle e cadastre vínculos relacionados a sinais públicos para autenticações.',
+            icon: LinkIcon,
+        },
+        {
+            title: 'Municípios',
+            description: 'Gerencie a base de municípios para utilização em endereços e cadastros.',
+            icon: MapPin,
+        },
+    ];
+
+    return (
+        <div>
+            <div className="flex items-center justify-between mb-4">
+                <div>
+                    <h1 className="text-4xl font-semibold mb-1">
+                        Complementos de Cadastro pessoal
+                    </h1>
+                    <p className="text-base text-muted-foreground">
+                        Gerencie os cadastros relacionados a regimes, como estado civil, regime de comunhão e outras informações complementares necessárias para o registro de pessoas.
+                    </p>
+                </div>
+            </div>
+            <div className="grid grid-cols-5 gap-3">
+                {items.map((item, key) => (
+                    <Card key={key} className="cursor-pointer hover:bg-muted transition-colors" asChild>
+                        <Link href={"/"}>
+                            <CardContent>
+                                <span className="inline-flex shrink-0 rounded-md border border-blue-300 bg-blue-100 p-2 dark:border-blue-300/10 dark:bg-blue-400/10 mb-2">
+                                    <item.icon className="size-6 stroke-blue-700 dark:stroke-blue-500" />
+                                </span>
+                                <h3 className="text-gray-900 dark:text-white mt-3 text-2xl font-medium tracking-tight">
+                                    {item.title}
+                                </h3>
+                                <p className="text-gray-500 dark:text-gray-400 mt-1 text-sm ">
+                                    {item.description}
+                                </p>
+                            </CardContent>
+                        </Link>
+                    </Card>
+                ))}
+            </div>
+        </div>
+    );
+}

src/components/app-sidebar.tsx

@@ -93,6 +93,10 @@ const data = {
           title: "Profissões",
           url: "/cadastros/profissoes/",
         },
+        {
+          title: "Pessoas",
+          url: "/cadastros/pessoas/complementos/",
+        },
         {
           title: "Regimes/Bens",
           url: "/cadastros/regime-bens/",