Refina copy em /sobre e /frameworks e ajusta overlay do modal de conexões

- Ajusta espaçamento entre elementos inline em /frameworks (uso de  ) e padroniza texto.
- Atualiza textos em /sobre: tom pessoal ("um entusiasta"), títulos e pequenas reformulações para clareza.
- Modifica overlay do modal em ConnectionsDiagram: aumenta opacidade e reduz efeito de blur.

components/ConnectionsDiagram.jsx

@@ -248,7 +248,7 @@ export default function ConnectionsDiagram({ connections, color }) {
 
 			{selectedConnection && (
 				<div
-					className="fixed inset-0 bg-black bg-opacity-60 backdrop-blur-sm flex items-center justify-center p-4 z-50 animate-fadeIn"
+					className="fixed inset-0 bg-opacity-80 backdrop-blur-xs flex items-center justify-center p-4 z-50 animate-fadeIn"
 					onClick={() => setSelectedConnection(null)}
 					role="dialog"
 					aria-modal="true"