use directory cards in home featured members section

Reuse the directory card partial so featured members surface the same
info as the directory listing (photo, social links, languages, last
update, location) and the cards link through to each member's directory
profile via .data.Permalink instead of dead-ending on the home page.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: drmowinckels

themes/hugo-rladiesplus/layouts/partials/home/featured.html

@@ -13,63 +13,11 @@ <h2 class="section-title fade-in-up">
     {{ end }}
     {{ $featured := first 3 ($directory | shuffle) }}
 
-    <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto">
-      {{ range $i, $member := $featured }}
-        <div class="card card-hover text-center fade-in-up stagger-{{ add $i 1 }}">
-          <div class="p-6">
-            {{ $img := $member.Params.image | default "/images/placeholder_user.svg" }}
-            <img src="{{ $img }}" alt="Portrait of {{ $member.Title }}"
-                 width="96" height="96" loading="lazy"
-                 class="w-24 h-24 rounded-full object-cover mx-auto mb-4">
-
-            <h3 class="text-lg font-semibold mb-1">{{ $member.Title }}</h3>
-
-            {{ with $member.Params.honorific }}
-              <span class="text-xs font-medium text-primary">{{ . }}</span>
-            {{ end }}
-
-            {{ with $member.Params.work }}
-              <p class="text-sm text-muted mt-2">
-                {{ with .title }}{{ . }}{{ end }}
-                {{ with .organisation }}<br>{{ . }}{{ end }}
-              </p>
-            {{ end }}
-
-            {{ with $member.Params.location }}
-              <p class="text-xs text-muted mt-2">
-                <i class="fa-solid fa-map-marker-alt mr-1"></i>
-                {{ with .city }}{{ . }}, {{ end }}{{ .country }}
-              </p>
-            {{ end }}
-
-            {{ with $member.Params.social_media }}
-              <div class="flex justify-center gap-3 mt-3">
-                {{ with .github }}
-                  <a href="https://github.com/{{ . }}" target="_blank" rel="noopener" class="text-muted hover:text-primary transition-colors" aria-label="GitHub">
-                    <i class="fa-brands fa-github"></i>
-                  </a>
-                {{ end }}
-                {{ with .bluesky }}
-                  <a href="https://bsky.app/profile/{{ . }}" target="_blank" rel="noopener" class="text-muted hover:text-primary transition-colors" aria-label="Bluesky">
-                    <i class="fa-brands fa-bluesky"></i>
-                  </a>
-                {{ end }}
-                {{ with .mastodon }}
-                  <a href="{{ . }}" target="_blank" rel="noopener" class="text-muted hover:text-primary transition-colors" aria-label="Mastodon">
-                    <i class="fa-brands fa-mastodon"></i>
-                  </a>
-                {{ end }}
-                {{ with .linkedin }}
-                  <a href="https://linkedin.com/in/{{ . }}" target="_blank" rel="noopener" class="text-muted hover:text-primary transition-colors" aria-label="LinkedIn">
-                    <i class="fa-brands fa-linkedin"></i>
-                  </a>
-                {{ end }}
-              </div>
-            {{ end }}
-          </div>
-        </div>
+    <ul class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 list-unstyled p-0 max-w-5xl mx-auto fade-in-up stagger-2">
+      {{ range $featured }}
+        {{ partial "funcs/directory/card.html" (dict "data" . "name" . "size" "medium") }}
       {{ end }}
-    </div>
+    </ul>
 
     {{ with .Site.GetPage "section" "directory" }}
       <div class="text-center mt-12 fade-in-up">