feat: add SVG asset management, icons, and UI component enhancements

assets/README.md

@@ -1,6 +1,6 @@
-# Pasta de Ícones (SVG) e Imagens (PNG) — CyberCore Signer
+# Recursos Visuais (Ícones e Imagens em SVG) — CyberCore Signer
 
-Esta pasta é o repositório oficial onde você pode visualizar, customizar e substituir livremente os **ícones em SVG** e as **imagens em PNG** do **CyberCore Signer**.
+Esta pasta é o repositório oficial onde você pode visualizar, customizar e substituir livremente todos os **ícones em SVG** e as **imagens em SVG** do **CyberCore Signer**.
 
 ---
 
@@ -31,13 +31,23 @@ assets/
 │   ├── seal.svg               # Ícone Designer e Gerenciador de Selos Notariais
 │   ├── check.svg              # Ícone Checkmark de sucesso e validação
 │   ├── error.svg              # Ícone de Erro / Alerta em vermelho
-│   └── star.svg               # Ícone de Estrela notarial / favorita
+│   ├── star.svg               # Ícone de Estrela notarial / favorita
+│   ├── close.svg              # Ícone Fechar / Cancelar (cruz geométrica moderna)
+│   ├── arrow-right.svg        # Ícone Avançar / Seta direcional
+│   ├── zoom-in.svg            # Ícone Zoom In (+)
+│   ├── zoom-out.svg           # Ícone Zoom Out (-)
+│   ├── zoom-fit.svg           # Ícone Ajustar à Tela
+│   └── refresh.svg            # Ícone Atualizar / Recarregar listas e status
 │
-└── images/                    # Imagens de alta fidelidade em PNG com canal alfa (transparência)
-    ├── app-icon.png           # Ícone oficial do app (256x256 px - Diamante 3D azul Serpro)
-    ├── app-logo.png           # Logotipo horizontal oficial (480x120 px - CyberCore SIGNER)
-    ├── brand-banner.png       # Banner de cabeçalho e marca (600x160 px - Serpro Blue)
-    └── default-seal.png       # Selo de assinatura padrão ICP-Brasil (640x164 px)
+└── images/                    # Imagens vetoriais SVG editáveis (com cópias PNG de fallback)
+    ├── app-icon.svg           # Ícone oficial do app em SVG (Cristal/Diamante 3D azul)
+    ├── app-icon.png           # Fallback em PNG (256x256 px)
+    ├── app-logo.svg           # Logotipo horizontal oficial em SVG (CyberCore SIGNER)
+    ├── app-logo.png           # Fallback em PNG (480x120 px)
+    ├── brand-banner.svg       # Banner de cabeçalho e marca em SVG (600x160 px)
+    ├── brand-banner.png       # Fallback em PNG (600x160 px)
+    ├── default-seal.svg       # Selo de assinatura padrão ICP-Brasil em SVG (640x164 px)
+    └── default-seal.png       # Fallback em PNG (640x164 px)
 ```
 
 ---
@@ -45,20 +55,21 @@ assets/
 ## 🎨 Como Customizar Qualquer Ícone ou Imagem
 
 1. **Ícones:** 
-   - Estão no formato `.svg` padrão.
-   - Podem ser editados diretamente no seu editor de código (VS Code, etc.) ou em editores vetoriais como **Inkscape, Figma ou Illustrator**.
-   - Se preferir colocar uma imagem bitmap para um ícone específico, você também pode colocar um `.png` (ex: `pdf.png`). O sistema prioriza `.svg` e aceita `.png` com fallback transparente.
+   - Todos estão no formato `.svg` padrão da W3C.
+   - Podem ser abertos e editados diretamente em editores de texto/código (VS Code) ou ferramentas vetoriais como **Inkscape, Figma, Adobe Illustrator**.
+   - Se preferir usar um arquivo bitmap para algum ícone específico, basta salvar um `.png` correspondente na pasta (ex: `pdf.png`). O sistema detecta e renderiza automaticamente.
 
 2. **Imagens do Sistema:**
-   - Estão no formato `.png` com canal alfa de 32 bits (fundo transparente).
-   - Você pode substituir `app-logo.png`, `app-icon.png`, `brand-banner.png` ou `default-seal.png` pelo logotipo e identidade visual da sua instituição ou empresa.
+   - Tanto o logotipo horizontal (`app-logo.svg`), o ícone do sistema (`app-icon.svg`), o banner institucional (`brand-banner.svg`) e o selo notarial padrão (`default-seal.svg`) agora são arquivos **SVG vetoriais editáveis**.
+   - Você pode alterar cores, tipografias, brasões e dimensões diretamente nos arquivos SVG.
+   - O `AssetManager` renderiza os arquivos SVG preservando fidelidade geométrica e suportando gradientes e alinhamentos.
 
-3. **Ordem de Prioridade e Hot-Reloading:**
-   Quando a aplicação busca um ícone ou imagem, a resolução ocorre na ordem:
-   1. **Pasta Física Local (`./assets/icons/` e `./assets/images/`)**: Qualquer alteração feita aqui entra em vigor imediatamente ao abrir a janela ou reiniciar a aplicação, sem necessidade de recompilar!
-   2. **Pasta do Usuário (`~/.cybercore/assets/`)**: Configurações específicas por usuário do sistema operacional.
-   3. **Resources Empacotados no JAR (`/assets/`)**: Cópia empacotada internamente no `.jar`.
-   4. **Fallback Vetorial Nativo (`SvgIcons`)**: Garantia de que a interface nunca fique em branco caso algum arquivo seja excluído.
+3. **Ordem de Resolução e Carregamento:**
+   Ao requisitar qualquer elemento gráfico, a aplicação segue a ordem de prioridade:
+   1. **Pasta Física Local (`./assets/icons/` e `./assets/images/`)**: Arquivos `.svg` editados aqui têm prioridade máxima e entram em vigor imediatamente sem necessidade de recompilar.
+   2. **Pasta do Usuário (`~/.cybercore/assets/`)**: Para customizações no diretório pessoal do usuário.
+   3. **Recursos Empacotados no JAR (`/assets/`)**: SVGs e imagens internas empacotadas no pacote de distribuição.
+   4. **Fallback Vetorial Nativo (`SvgIcons`)**: Garantia de que a interface nunca fique desprovida de grafismos caso algum arquivo seja removido.
 
 ---