Calendar: init - add links to the common calendars (#1488)

Add the links to our calendars under `/community`


![image](https://github.com/NixOS/nixos-homepage/assets/50398876/5434e60d-d938-4f50-9128-051751eaf612)


@fricklerhandwerk @infinisil

Can we figure out who is responsble for maintaining what i linked here
as the "official calendar" ?

Please feel free to make changes.

src/pages/community.astro

@@ -105,6 +105,20 @@ const socialMediaMain = [
  }
 ]
 
+const calendarsMain = [
+ {
+ href: "https://calendar.google.com/calendar/u/0/embed?src=b9o52fobqjak8oq8lfkhg3t0qg@group.calendar.google.com",
+ name: "Official NixOS Calendar",
+ iconName: "mdi:calendar",
+ },
+ {
+ href: "https://discourse.nixos.org/t/community-calendar/18589",
+ name: "Community Calendar",
+ iconName: "mdi:calendar",
+ },
+] as const;
+
+
 const platformsOutside = [
  {
  href: "https://stackoverflow.com/questions/tagged/nix+or+nixpkgs+or+nixos+or+nixops",
@@ -164,7 +178,7 @@ import nixosFoundationLogo from "../assets/image/nixos-foundation-logo.svg";
  <h3 class="text-3xl font-bold font-heading text-nix-blue mt-4">Official spaces</h3>
  <p class="text-gray-700">
  These spaces are monitored and moderated by the NixOS Moderation Team. This means they are moderated in such a way that they follow the standards and moral values of our community. You can find out more about our moderation team <a href="/community/teams/moderation">here</a>.
- 
+
  <ul class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-4 flex-wrap">
  {
  platformsMain.map((platform, i) => (
@@ -177,14 +191,14 @@ import nixosFoundationLogo from "../assets/image/nixos-foundation-logo.svg";
  />
  ))
  }
- </ul> 
+ </ul>
  </p>
  </div>
  <div class="col-span-1">
  <h3 class="text-3xl font-bold font-heading text-nix-blue mt-4">Official social-media</h3>
  <p class="text-gray-700">
  These spaces are maintained by our NixOS Marketing Team though not monitored and not moderated by the NixOS Moderation Team.
- 
+
  <ul class="grid grid-cols-1 gap-4 mt-4 flex-wrap">
  {
  socialMediaMain.map((platform) => (
@@ -194,7 +208,26 @@ import nixosFoundationLogo from "../assets/image/nixos-foundation-logo.svg";
  iconName={platform.iconName} />
  ))
  }
- </ul> 
+ </ul>
+ </p>
+ </div>
+ <div class="col-span-3">
+ <h3 class="text-3xl font-bold font-heading text-nix-blue mt-4">
+ Our calendars
+ </h3>
+ <p class="text-gray-700">
+ We use these calendars to schedule events, meetings, and other.
+ <ul class="grid grid-cols-1 gap-4 mt-4 flex-wrap">
+ {
+ calendarsMain.map((platform) => (
+ <OfficialCommunityLink
+ href={platform.href}
+ name={platform.name}
+ iconName={platform.iconName}
+ />
+ ))
+ }
+ </ul>
  </p>
  </div>
  </div>