fix member card.

Author: enigmalea

src/components/TeamMemberCard.astro

@@ -2,7 +2,7 @@
 import type { ImageMetadata } from "astro";
 
 import { Icon } from "astro-icon/components";
-import type { SocialsData } from "../lib/socials-transformer";
+import { SocialsSchema } from "@fujocoded/zod-transform-socials";
 import type { CollectionEntry } from "astro:content";
 import type { Project } from "../content/config";
 
@@ -12,7 +12,7 @@ interface Props {
   avatar: ImageMetadata;
   roles: CollectionEntry<"team">["data"]["roles"];
   project?: Project | undefined;
-  contacts: SocialsData[];
+  contacts: SocialsSchema[];
 }
 
 const props = Astro.props;
@@ -39,7 +39,6 @@ const props = Astro.props;
         </ul>
       ) : (
         Object.keys(props.roles).map(
-          // @ts-expect-error
           (project: Project) =>
             !!props.roles[project].length && (
               <li>
@@ -64,19 +63,22 @@ const props = Astro.props;
   <ul class:list={{ hidden: props.contacts.length == 0 }} class="contacts">
     {
       props.contacts.map((contact) => (
-        <li>
-          <a href={contact.url}>
-            {contact.icon ? (
-              <>
-                <Icon name={contact.icon} />
-              </>
-            ) : (
-              <>
-                <Icon name={"lucide:home"} />
-              </>
-            )}
-          </a>
-        </li>
+			<li>
+            <a href={contact.url}>
+              {contact.icon ? (
+                <>
+                  <Icon name={contact.icon} title={contact.platform} />
+                </>
+              ) : (
+                <>
+                  <Icon
+                    name={"lucide:home"}
+                    title={`${props.name}'s website`}
+                  />
+                </>
+              )}
+            </a>
+          </li>
       ))
     }
   </ul>