fix(bio): unify section heading styles for consistent left alignment (#470)

* 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>

* fix: unify container padding to p-8 sm:p-12 on all three bio sections

Agent-Logs-Url: https://github.com/NextCommunity/NextCommunity.github.io/sessions/b12891e7-40a5-416f-8882-415a6b6d877d

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

* Potential fix for pull request finding

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

* fix(bio): add aria-hidden=true to decorative accent-line spans in all headings

Agent-Logs-Url: https://github.com/NextCommunity/NextCommunity.github.io/sessions/3efa40f9-a3be-4701-9400-ebf98f3ec7b3

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

* fix(bio): fix indentation of endif tag in Technologies block

Agent-Logs-Url: https://github.com/NextCommunity/NextCommunity.github.io/sessions/2c11c6e7-0b98-4a7d-a1cd-d8238fafb3e8

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

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: jbampton <418747+jbampton@users.noreply.github.com>
Co-authored-by: John Bampton <jbampton@users.noreply.github.com>
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>

Author: 3 people

src/_includes/bio.njk

@@ -77,7 +77,7 @@
         {% if bio %}
         <div class="user-card p-8 sm:p-12 rounded-3xl">
           <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> Professional Bio
+            <span class="w-8 h-[2px] bg-accent" aria-hidden="true"></span> Professional Bio
           </h2>
           <div class="text-[var(--text-main)] text-lg leading-relaxed whitespace-pre-line">
             {{ bio }}
@@ -86,18 +86,20 @@
         {% endif %}
 
         {% 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>
+        <div class="user-card p-8 sm:p-12 rounded-3xl">
+          <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" aria-hidden="true"></span> Technologies
+          </h2>
           <div class="flex flex-wrap gap-3">
               {% set skills = languages.split(' ') %}
               {% include "skills-list.njk" %}
           </div>
         </div>
-       {% endif %}
+        {% 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">
-            <span class="w-8 h-[2px] bg-accent"></span> Mini-Game
+        <div class="user-card p-8 sm:p-12 rounded-3xl">
+          <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" aria-hidden="true"></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>
           <button