fix: align all 3 bio section headings consistently

Agent-Logs-Url: https://github.com/NextCommunity/NextCommunity.github.io/sessions/c6854300-779e-4451-a940-295b87e4f119

Co-authored-by: jbampton <418747+jbampton@users.noreply.github.com>

Author: Copilot

src/_includes/bio.njk

@@ -87,7 +87,9 @@
 
         {% if languages is defined and languages is not null %}
         <div class="user-card p-8 rounded-3xl">
-          <h2 class="text-xs font-black uppercase tracking-[0.3em] text-[var(--text-muted)] mb-6">Technologies</h2>
+          <h2 class="text-xs font-black uppercase tracking-[0.3em] text-[var(--text-muted)] mb-6 flex items-center gap-2">
+            <span class="w-8 h-[2px] bg-accent"></span> Technologies
+          </h2>
           <div class="flex flex-wrap gap-3">
               {% set skills = languages.split(' ') %}
               {% include "skills-list.njk" %}
@@ -96,7 +98,7 @@
        {% endif %}
 
         <div class="user-card p-8 rounded-3xl">
-          <h2 class="text-xs font-black uppercase tracking-[0.3em] text-[var(--text-muted)] mb-4 flex items-center gap-2">
+          <h2 class="text-xs font-black uppercase tracking-[0.3em] text-[var(--text-muted)] mb-6 flex items-center gap-2">
             <span class="w-8 h-[2px] bg-accent"></span> Mini-Game
           </h2>
           <p class="text-sm text-[var(--text-muted)] mb-4">Catch the skill tiles before they fall! Collect enough to win XP.</p>