feat(resume): enhance spacing, styling, and add markdown text parsing

- Update section spacing from mb-8 to mb-12 for improved visual hierarchy
- Refine heading padding and margins for consistent section styling
- Adjust work experience highlights spacing and add leading-relaxed for readability
- Implement markdown bold text parsing in job highlights using new composable
- Add color-coded icons in resume header (red for location, green for phone, amber for email, blue for website)
- Reorganize contact information into two lines for better layout organization
- Standardize icon sizing with explicit w-4 h-4 dimensions across header
- Create useMarkdownText composable for markdown formatting utilities
- Update resume data and PDF export endpoint to support enhanced styling
- Improve print styling consistency across all resume components

app/components/resume/ResumeSummary.vue

@@ -1,17 +1,21 @@
 <script setup lang="ts">
+import { parseMarkdownBold } from '~/composables/useMarkdownText'
+
 interface Props {
   summary: string
 }
 
-defineProps<Props>()
+const props = defineProps<Props>()
+
+const parsedSummary = computed(() => parseMarkdownBold(props.summary))
 </script>
 
 <template>
-  <section class="mb-8 print:mb-5">
+  <section class="mb-12 print:mb-12">
     <h2
-      class="text-base font-bold text-blue-700 uppercase border-b-2 border-blue-600 pb-1.5 mb-3 print:mb-2 tracking-wide">
+      class="text-base font-bold text-blue-700 uppercase border-b-2 border-blue-600 pb-2 mb-5 print:mb-5 tracking-wide">
       Summary
     </h2>
-    <p class="text-sm text-gray-800 leading-relaxed print:leading-normal">{{ summary }}</p>
+    <p class="text-sm text-gray-800 leading-loose print:leading-loose" v-html="parsedSummary" />
   </section>
 </template>