feat: add desktop for white starter-kit

[jackzheng-cs]

Add the desktop version of the white starter-kit section.

Problems

• Some troubles regarding getting the actual font colors
• Need to add the correct font family
• Need to add mobile still

[Copilot]

Pull request overview

Adds the desktop “white” Starter Kit Team Building section, including new illustrations and a reusable callout-card component, while extending the schedule CalendarItem to support a “no add button” variant for use in Starter Kit.

Changes:

• Implemented StarterKit/TeamBuilding desktop layout with event card, Discord CTA, and guiding questions.
• Refactored IdeateMentorCallout into a reusable MentorCalloutCard component.
• Extended CalendarItem with hideAddButton / disableAddButton and adjusted layout logic; added new Team Building SVG assets.

Reviewed changes

Copilot reviewed 3 out of 9 changed files in this pull request and generated 4 comments.

Show a summary per file

File	Description
public/hackers/starter-kit/teamBuilding/teamMixer.svg	Adds Team Building illustration asset for the callout card.
public/hackers/starter-kit/teamBuilding/mascotSquad.svg	Adds mascot banner illustration asset.
public/hackers/starter-kit/teamBuilding/locationIcon.svg	Adds a location icon asset for Team Building UI.
public/hackers/starter-kit/teamBuilding/cowIcon.svg	Adds a cow icon asset for Team Building UI.
public/hackers/starter-kit/teamBuilding/blackArrow.svg	Adds an arrow icon asset for Team Building UI.
public/hackers/starter-kit/teamBuilding/add.svg	Adds an “add” icon asset for Team Building UI.
app/(pages)/(hackers)/_components/StarterKit/TeamBuilding.tsx	Implements the new Team Building Starter Kit section and uses CalendarItem + MentorCalloutCard.
app/(pages)/(hackers)/_components/StarterKit/Ideate/IdeateMentorCallout.tsx	Extracts MentorCalloutCard and updates the Ideate callout to use it.
app/(pages)/(hackers)/_components/Schedule/CalendarItem.tsx	Adds hideAddButton/disableAddButton and changes layout + attendee display behavior.

Comments suppressed due to low confidence (1)

app/(pages)/(hackers)/_components/Schedule/CalendarItem.tsx:130

• The attendee count container className template string includes extra newlines/whitespace inside the interpolation, which makes the rendered class harder to inspect and maintain. It should be simplified to only the needed classes (no trailing whitespace/newlines).

            {(displayType === 'WORKSHOPS' || displayType === 'ACTIVITIES') && (
              <div
                className={`flex gap-2 items-center w-full sm:w-auto ${
                  attendeeCount && attendeeCount > 0
                    ? 'visible'
                    : 'hidden sm:invisible sm:flex'
                }
              
                  `}
              >

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.