feat: add explicit sidebar placement control and responsive design (1024-1280px)

- Add sidebar field to SkillCategory model for explicit left/right control
- Update splitSkills to respect sidebar field instead of automatic splitting
- Add responsive CSS for 1024-1280px: collapse labels, icons-only buttons, EN/ES language selector
- Remove language switcher animations
- Ensure desktop view (>1280px) always shows full sidebar content
- Move Databases and Infrastructure to right sidebar
- Reduce font sizes in responsive range
- Update project logos (Lidering, Jorpack, Delivery Bikes)

data/cv-en.json

@@ -350,6 +350,7 @@
       {
         "category": "Go Ecosystem",
         "proficiency": 5,
+        "sidebar": "left",
         "items": [
           "Hono - High-Performance Web Framework",
           "Gin - Web Framework",
@@ -363,6 +364,7 @@
       {
         "category": "JavaScript Ecosystem",
         "proficiency": 5,
+        "sidebar": "left",
         "items": [
           "Node.js & Express",
           "React & React Ecosystem",
@@ -375,6 +377,7 @@
       {
         "category": "Frontend Technologies",
         "proficiency": 5,
+        "sidebar": "left",
         "items": [
           "HTMX - Hypermedia-Driven Applications",
           "HTML5 & Semantic Web",
@@ -386,20 +389,10 @@
           "Template Engines (Handlebars, Panini, Mustache)"
         ]
       },
-      {
-        "category": "Legacy Enterprise Technologies",
-        "proficiency": 3,
-        "items": [
-          "Java & J2EE",
-          "Spring Framework, Struts, Hibernate",
-          "PHP & WordPress",
-          "Yii Framework, Zend Framework",
-          "Enterprise Application Servers (Tomcat, JBoss, WebLogic)"
-        ]
-      },
       {
         "category": "Backend Technologies",
         "proficiency": 5,
+        "sidebar": "left",
         "items": [
           "Go - Current Primary Stack",
           "Hono Framework - High-Performance Web Server",
@@ -409,9 +402,22 @@
           "Database Design & Optimization"
         ]
       },
+      {
+        "category": "Legacy Enterprise Technologies",
+        "proficiency": 3,
+        "sidebar": "left",
+        "items": [
+          "Java & J2EE",
+          "Spring Framework, Struts, Hibernate",
+          "PHP & WordPress",
+          "Yii Framework, Zend Framework",
+          "Enterprise Application Servers (Tomcat, JBoss, WebLogic)"
+        ]
+      },
       {
         "category": "Databases",
         "proficiency": 4,
+        "sidebar": "right",
         "items": [
           "PostgreSQL",
           "MySQL",
@@ -425,6 +431,7 @@
       {
         "category": "Infrastructure & Servers",
         "proficiency": 5,
+        "sidebar": "right",
         "items": [
           "Linux Server Administration",
           "VPS Deployment & Configuration",
@@ -436,6 +443,7 @@
       {
         "category": "DevOps & CI/CD",
         "proficiency": 5,
+        "sidebar": "right",
         "items": [
           "CI/CD Pipeline Design & Implementation",
           "Custom Deployment Solutions",
@@ -447,6 +455,7 @@
       {
         "category": "Team Management",
         "proficiency": 4,
+        "sidebar": "right",
         "items": [
           "Preparation and projects startup",
           "Fluid communication with clients",
@@ -458,6 +467,7 @@
       {
         "category": "Design Tools",
         "proficiency": 3,
+        "sidebar": "right",
         "items": [
           "Corel Draw",
           "Adobe PhotoShop",
@@ -793,9 +803,9 @@
       "technologies": ["JavaScript", "React", "Node.js", "PHP", "WordPress", "Web Development"],
       "shortDescription": "Collection of client projects and websites where I contributed to development, implementation, and technical solutions across various industries.",
       "responsibilities": [
-        "<img src='/static/images/projects/twentic.png' alt='Lidering'><div><strong><a href='https://lidering.com' target='_blank' rel='noopener noreferrer'>Lidering</a></strong> (via Twentic): Real estate and property management platform development</div>",
-        "<img src='/static/images/projects/twentic.png' alt='Jorpack'><div><strong><a href='https://jorpack.com' target='_blank' rel='noopener noreferrer'>Jorpack</a></strong> (via Twentic): Industrial packaging solutions and corporate website</div>",
-        "<iconify-icon icon='mdi:bike' width='60' height='60' class='default-company-icon'></iconify-icon><div><strong><a href='https://deliverybikesbcn.com/' target='_blank' rel='noopener noreferrer'>Delivery Bikes BCN</a></strong>: Bicycle delivery service platform for Barcelona</div>",
+        "<img src='/static/images/projects/lidering.png' alt='Lidering'><div><strong><a href='https://lidering.com' target='_blank' rel='noopener noreferrer'>Lidering</a></strong> (via Twentic): Real estate and property management platform development</div>",
+        "<img src='/static/images/projects/jorpack.png' alt='Jorpack'><div><strong><a href='https://jorpack.com' target='_blank' rel='noopener noreferrer'>Jorpack</a></strong> (via Twentic): Industrial packaging solutions and corporate website</div>",
+        "<img src='/static/images/projects/deliverybikes.png' alt='Delivery Bikes BCN'><div><strong><a href='https://deliverybikesbcn.com/' target='_blank' rel='noopener noreferrer'>Delivery Bikes BCN</a></strong>: Bicycle delivery service platform for Barcelona</div>",
         "<iconify-icon icon='mdi:security' width='60' height='60' class='default-company-icon'></iconify-icon><div><strong><a href='https://mobbeel.com' target='_blank' rel='noopener noreferrer'>Mobbeel</a></strong>: Biometric authentication and identity verification solutions website</div>"
       ]
     }