Feature/resume adjustments (#51)

* better spacing for education

* fix(ProjectsSection): highlight whole Card

When you hover over a card with a carousel, the entire card highlights properly, but when you hover over a card without the carousel, the highlight effect doesn’t fully cover the entire card area, leaving some parts unhighlighted.

Author: c3n21

src/components/ProjectsSection.astro

@@ -147,7 +147,7 @@ const isCV = isCVMode()
             {
                 featuredProjects.map((project) => (
                     <Card class="group overflow-hidden hover-scale transition-all duration-300 animate-fade-in">
-                        <div class="bg-primary/0 group-hover:bg-primary/10 transition-colors duration-300">
+                        <div class="w-full h-full bg-primary/0 group-hover:bg-primary/10 transition-colors duration-300">
                             {project.images.length > 0 && !isCV && (
                                 <div>
                                     <Carousel

src/components/ResumeSection.astro

@@ -124,19 +124,19 @@ const isCV = isCVMode()
                     <CardContent class="whitespace-pre-line">
                         {
                             education.map((edu) => (
-                                <div class="space-y-2">
+                                <div class="space-y-2 mb-8 last:mb-0">
                                     <h4 class="font-semibold">
                                         {edu.studyType}
                                     </h4>
                                     <p class="text-primary font-medium">
                                         {edu.institution}
                                     </p>
-                                    <Badge variant="secondary" class="text-xs">
-                                        {edu.startDate} - {edu.endDate}
-                                    </Badge>
                                     <p class="text-sm text-muted-foreground mt-2">
                                         {edu.area}
                                     </p>
+                                    <Badge variant="secondary" class="text-xs">
+                                        {edu.startDate} - {edu.endDate}
+                                    </Badge>
                                 </div>
                             ))
                         }