fix: replace removed Github icon from lucide-react v1 with custom SVG (#137)

lucide-react v1 removed brand icons including Github. Replace usages
in footer.tsx, member.tsx, and HomePage.tsx with a shared GithubIcon
SVG component. Also update lucide-react to ^1.0.0 in package.json and
regenerate pnpm-lock.yaml.

Agent-Logs-Url: https://github.com/TUM-Dev/Website/sessions/21bfc73e-5b9e-45d3-b523-28aa91ad2ac4

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: kordianbruck <298860+kordianbruck@users.noreply.github.com>

Author: Copilot

package.json

@@ -35,7 +35,7 @@
 		"cmdk": "1.1.1",
 		"date-fns": "4.1.0",
 		"embla-carousel-react": "8.6.0",
-		"lucide-react": "^0.577.0",
+		"lucide-react": "^1.0.0",
 		"next-themes": "^0.4.6",
 		"react": "^19.1.1",
 		"react-dom": "^19.1.1",

pnpm-lock.yaml

@@ -1,4 +1,5 @@
-import { Code, FileText, Github, Mail, ShieldCheck } from "lucide-react";
+import { Code, FileText, Mail, ShieldCheck } from "lucide-react";
+import { GithubIcon } from "./ui/github-icon";
 import { Link } from "react-router-dom";
 
 export const Footer = () => {
@@ -60,7 +61,7 @@ export const Footer = () => {
 								target="_blank"
 								rel="noopener noreferrer"
 							>
-								<Github className="w-4 h-4 mr-2" />
+								<GithubIcon className="w-4 h-4 mr-2" />
 								GitHub
 							</a>
 							<Link

src/components/footer.tsx

@@ -1,4 +1,4 @@
-import { Github } from "lucide-react";
+import { GithubIcon } from "./ui/github-icon";
 import { Card, CardContent } from "./ui/card";
 
 export interface MemberProps {
@@ -48,7 +48,7 @@ export const Member: React.FC<MemberProps> = ({
 								target="_blank"
 								rel="noopener noreferrer"
 							>
-								<Github className="w-4 h-4" />
+								<GithubIcon className="w-4 h-4" />
 							</a>
 						)}
 						{linkedin && (

src/components/member.tsx

@@ -0,0 +1,12 @@
+import type { SVGProps } from "react";
+
+export const GithubIcon = (props: SVGProps<SVGSVGElement>) => (
+	<svg
+		aria-hidden="true"
+		fill="currentColor"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path d="M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0 1 12 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z" />
+	</svg>
+);

src/components/ui/github-icon.tsx

@@ -2,14 +2,14 @@ import {
 	Calendar,
 	CalendarIcon,
 	Code,
-	Github,
 	Lightbulb,
 	Mail,
 	MapPin,
 	Users,
 	Users2,
 } from "lucide-react";
 import { Link } from "react-router-dom";
+import { GithubIcon } from "@/components/ui/github-icon";
 import { Event, type EventProps } from "@/components/event";
 import type { MemberProps } from "@/components/member";
 import { Member } from "@/components/member";
@@ -364,7 +364,7 @@ export default function HomePage() {
 							variant="outline"
 						>
 							<a href="#projects">
-								<Github className="w-5 h-5 mr-2" />
+								<GithubIcon className="w-5 h-5 mr-2" />
 								Unsere Projekte
 							</a>
 						</Button>
@@ -573,7 +573,7 @@ export default function HomePage() {
 									variant="secondary"
 								>
 									<a href="#projects">
-										<Github className="w-4 h-4 mr-2" />
+										<GithubIcon className="w-4 h-4 mr-2" />
 										Projekte ansehen
 									</a>
 								</Button>