feat(about, skills, workModalities): update content and improve styling

- Revamped the About component with new titles and descriptions for core values, enhancing clarity and engagement.
- Updated the Skills component by removing unnecessary type handling and improving animation effects for better user experience.
- Adjusted styling in the WorkModalities component, refining color variants and badge presentation for improved visual consistency.

app/components/Skills.tsx

@@ -1,27 +1,13 @@
 "use client";
 
 import React from "react";
-import { motion } from "framer-motion"; // Ajustado para o padrão estável
-import { MagicCard } from "@/components/magicui/magic-card";
+import { motion } from "framer-motion";
 import { 
   Code, Database, Cloud, Cpu, Smartphone, 
   Zap, GitBranch, TestTube, Terminal, Layers 
 } from "lucide-react";
 import { usePortfolioData } from "@/lib/usePortfolioData";
 
-// --- RESOLUÇÃO DE TIPAGEM (Wrapper) ---
-// Estendemos a interface original para aceitar as props de gradiente que a lib pode ter omitido nos tipos
-interface FixedMagicCardProps extends React.ComponentProps<typeof MagicCard> {
-  gradientColor?: string;
-  gradientSize?: number;
-  gradientOpacity?: number;
-}
-
-const FixedMagicCard = (props: FixedMagicCardProps) => {
-  // @ts-ignore - Forçamos o cast para o componente original aceitar as props em runtime
-  return <MagicCard {...props} />;
-};
-
 const ICON_MAP: Record<string, React.ElementType> = {
   Code, Database, Cloud, Cpu, Smartphone, Zap, GitBranch, TestTube, Terminal, Layers
 };
@@ -74,20 +60,17 @@ export default function Skills() {
             return (
               <motion.div
                 key={category.category}
-                initial={{ opacity: 0, y: 30 }}
+                initial={{ opacity: 0, y: 90 }}
                 whileInView={{ opacity: 1, y: 0 }}
-                viewport={{ once: true, amount: 0.2 }} 
+                viewport={{ once: true, amount: 0.5 }} 
                 transition={{ 
                   duration: 0.5, 
                   delay: index * 0.05,
                   ease: "easeOut" 
                 }}
               >
-                <FixedMagicCard 
-                  className="group p-8 flex flex-col h-full bg-slate-900/50 border-slate-800 transition-colors duration-300 cursor-default"
-                  gradientColor="#262626" 
-                  gradientSize={250}
-                  gradientOpacity={0.4}
+                <div 
+                  className="group p-8 flex flex-col h-full bg-slate-900/50 border border-slate-800 rounded-lg transition-colors duration-300 cursor-default"
                 >
                   <div className="flex items-start justify-between mb-8">
                     <div className={`p-4 rounded-2xl ${styles.bg} border border-white/5 transition-all duration-500 group-hover:scale-110 group-hover:rotate-3`}>
@@ -112,7 +95,7 @@ export default function Skills() {
                       </span>
                     ))}
                   </div>
-                </FixedMagicCard>
+                </div>
               </motion.div>
             );
           })}