Enhance website field in social to support multiple values

[fullo]

Some champions might have more than one website, such as a personal portfolio, a professional website, or additional relevant links. Allowing website to be an array accommodates this use case and improves flexibility. This will also allow me (and the other champions) to publish our sessionize.com profile to be called as GS speakers.

Changes

• Updated website in social from string to string[] in types.ts.

Previous definition:

website?: string;

Updated definition:

website?: string[];

Example Usage

With this change, the website field can now hold multiple URLs:

const champion: Champion = {
  firstName: "Jane",
  lastName: "Smith",
  role: "Engineer",
  organization: "Tech World",
  languages: ["English", "German"],
  pronoun: "she/her",
  city: "Berlin",
  country: "Germany",
  bio: "Full-stack developer with a passion for open source.",
  image: "jane.jpg",
  url: undefined,
  type: "Speaker",
  social: {
    twitter: "@janesmith",
    linkedin: "linkedin.com/in/janesmith",
    website: ["https://janesmith.dev", "https://blog.janesmith.dev"], // Multiple websites
    github: "github.com/janesmith"
  },
  notes: "Keynote speaker at TechConf.",
  activities: []
};

Backward Compatibility/Impacts

This change maintains backward compatibility. Existing single-value website fields will seamlessly migrate to a one-element array.

Code relying on website as a single string will require minimal adjustment to handle arrays in the rendering of the champion's profileCard

[fullo]

this could be the updated astro template at https://github.com/Green-Software-Foundation/champions/blob/main/src/pages/champions/%5B...id%5D.astro

const contributionIcon: ContributionIcon = {
  speaking: "microphone-fill",
  writing: "pencil-fill",
  organizing: "calendar-fill",
  mentoring: "users-three-fill",
  hosting: "house-line-fill",
  "gsf contribution": "tree-fill",
  "gsf project leadership": "star-fill",
  "oss contribution": "code-fill",
};

// Normalize the website field for backward compatibility
let websites = [];
if (Array.isArray(champion.social.website)) {
  websites = champion.social.website;
} else if (champion.social.website) {
  websites = [champion.social.website];
}
---

Then in the layout

  <!-- Other champion details -->
  <!-- Social Links -->
    {
            linkedin && (
              <a href={`https://linkedin.com/in/${linkedin}`}
                aria-label={`${firstName} ${lastName} LinkedIn profile`}
              >
                <Icon
                  name="mdi:linkedin"
                  class="w-8 h-8 text-primary-default"
                />
              </a>
            )
    }
    {
        websites.length > 0 && (
     
        {
          websites.map((site) => (
              <a href={site}
                aria-label={`${firstName} ${lastName} personal website`}
              >
                <Icon name="mdi:web" class="w-8 h-8 text-primary-default" />
              </a>       
          ))
        }
     
        )
   }

  <!-- Other champion details -->