fix: center sidebar titles, align content left/right appropriately

PROBLEM:
- Right sidebar title was right-aligned instead of centered
- Inconsistent title alignment between left and right sidebars

SOLUTION:
All Sidebars (Desktop):
- .sidebar-title: text-align: center (all section titles centered)

Left Sidebar Content:
- .cv-sidebar-left .sidebar-content: text-align: left
- .cv-sidebar-left .skill-item: text-align: left

Right Sidebar Content:
- .cv-sidebar-right .sidebar-content: text-align: right
- .cv-sidebar-right .skill-item: text-align: right

Mobile @ 768px:
- Both sidebars content: text-align: left !important (unchanged)

RESULT:
Desktop:
✓ Left sidebar: title centered, content left-aligned
✓ Right sidebar: title centered, content right-aligned
✓ Visual consistency with centered titles
✓ Content flows naturally from title position

Mobile:
✓ Both sidebars: content left-aligned for readability
✓ No changes to mobile behavior

VISUAL HIERARCHY:
- Titles centered = visual anchors
- Content aligned to sidebar position = natural reading flow

static/css/main.css

@@ -596,6 +596,7 @@ iconify-icon {
     margin-bottom: 10px;
     padding: 0;
     color: rgb(51, 51, 51);
+    text-align: center;
 }
 
 /* Collapsible Sidebar Section Styles */
@@ -658,10 +659,19 @@ iconify-icon {
 }
 
 .cv-sidebar-right .sidebar-section summary .sidebar-title {
-    text-align: right;
+    text-align: center;
     width: 100%;
 }
 
+/* Left-align content in left sidebar */
+.cv-sidebar-left .sidebar-content {
+    text-align: left;
+}
+
+.cv-sidebar-left .skill-item {
+    text-align: left;
+}
+
 /* Right-align content in right sidebar */
 .cv-sidebar-right .sidebar-content {
     text-align: right;