fix(deps): Replace Lucide’s GitHub icons with svgs

Author: dawsontoth

public/github/GitHub_Invertocat_White.svg

@@ -1,6 +1,5 @@
 import './GitHubAuthenticationButton.css';
 import { cx } from 'class-variance-authority';
-import { GithubIcon } from 'lucide-react';
 import { MouseEventHandler } from 'react';
 
 export function GitHubAuthenticationButton({
@@ -18,7 +17,7 @@ export function GitHubAuthenticationButton({
 				className={cx('github-signin-btn', disabled && 'opacity-50')}
 				type="button"
 			>
-				<GithubIcon className="github-icon" />
+				<img src="/github/GitHub_Invertocat_White.svg" alt="GitHub Logo" className="github-icon" />
 				{text}
 			</button>
 		</a>

public/github/GitHub_Lockup_White.svg

@@ -10,7 +10,7 @@ import { Input } from '@/components/ui/input';
 import { Separator } from '@/components/ui/separator';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { Link } from '@tanstack/react-router';
-import { GithubIcon, LinkIcon, PackageIcon, RocketIcon } from 'lucide-react';
+import { GitMergeIcon, LinkIcon, PackageIcon, RocketIcon } from 'lucide-react';
 import { useCallback } from 'react';
 import { Control, FormState, UseFormSetValue, UseFormWatch } from 'react-hook-form';
 import { z } from 'zod';
@@ -46,7 +46,7 @@ export function ImportInstructions({
 				<Tabs value={importSource} onValueChange={setImportSource}>
 					<TabsList className="grid w-full grid-cols-3">
 						<TabsTrigger value="git">
-							<GithubIcon className="w-4 h-4 mr-2" />
+							<GitMergeIcon className="w-4 h-4 mr-2" />
 							Git
 						</TabsTrigger>
 						<TabsTrigger value="npm">

src/assets/checkmark.svg

@@ -6,7 +6,7 @@ import { Label } from '@/components/ui/label';
 import { RadioGroup, RadioGroupItem } from '@/components/ui/radioGroup';
 import { Separator } from '@/components/ui/separator';
 import { onClickStopPropagation } from '@/lib/onClickStopPropagation';
-import { GithubIcon, RocketIcon } from 'lucide-react';
+import { RocketIcon } from 'lucide-react';
 import { Control, FormState } from 'react-hook-form';
 import { z } from 'zod';
 import { NewApplicationSchema } from './schema';
@@ -48,16 +48,20 @@ export function TemplateInstructions({
 											className="flex flex-col gap-3 p-4 border-2 rounded-lg cursor-pointer hover:bg-accent peer-data-[state=checked]:border-green peer-data-[state=checked]:bg-primary/5"
 										>
 											<div>
-												<div className="mb-1 flex items-center gap-2">
-													<span>{template.name}</span>
+												<div className="mb-1 flex items-center gap-2 justify-between">
+													<div>{template.name}</div>
 													<a
 														href={template.githubUrl}
 														target="_blank"
 														rel="noopener noreferrer"
 														onClick={onClickStopPropagation}
-														className="text-muted-foreground hover:text-white transition-colors -m-4 p-4"
+														className="opacity-70 hover:opacity-100 transition-colors -m-4 p-4"
 													>
-														<GithubIcon className="w-4 h-4" />
+														<img
+															src="/github/GitHub_Lockup_White.svg"
+															alt="GitHub"
+															className="h-4"
+														/>
 													</a>
 												</div>
 												<p className="text-muted-foreground text-sm">

src/features/auth/components/GitHubAuthenticationButton.tsx

@@ -198,7 +198,6 @@
 	--color-purple-dark-to-light-gradient: var(--purple-dark-to-light-gradient);
 
 	--shadow-deep: 1px 2px 4px 0px var(--black-dark);
-	--checkmark-icon: url('@/assets/checkmark.svg');
 	--color-sidebar-ring: var(--sidebar-ring);
 	--color-sidebar-border: var(--sidebar-border);
 	--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);