move print styles to Badge component

src/app/page.tsx

@@ -162,7 +162,14 @@ export default function Page() {
           <h2 className="text-xl font-bold">Skills</h2>
           <div className="flex flex-wrap gap-1">
             {RESUME_DATA.skills.map((skill) => {
-              return <Badge key={skill}>{skill}</Badge>;
+              return (
+                <Badge
+                  key={skill}
+                  className=" print:text-primary print:underline"
+                >
+                  {skill}
+                </Badge>
+              );
             })}
           </div>
         </Section>

src/components/ui/badge.tsx

@@ -9,7 +9,7 @@ const badgeVariants = cva(
     variants: {
       variant: {
         default:
-          "border-transparent bg-primary/80 text-primary-foreground hover:bg-primary/60 print:text-primary print:underline",
+          "border-transparent bg-primary/80 text-primary-foreground hover:bg-primary/60",
         secondary:
           "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/60",
         destructive: