chore: lint adjustments

Author: stevedylandev

src/app/page.tsx

@@ -1,33 +1,33 @@
 import { HomeLayout } from "fumadocs-ui/layouts/home";
-import { ShieldIcon, WrenchIcon, SendIcon } from "lucide-react";
+import { SendIcon, ShieldIcon, WrenchIcon } from "lucide-react";
+import { Footer } from "@/components/footer";
+import {
+	BannerCard,
+	CommunityCard,
+	EcosystemCard,
+	FeatureCard,
+	HeroCard,
+} from "@/components/home-cards";
 import {
+	AnnotationDotsIcon,
 	ArbitrumIcon,
-	EthereumIcon,
-	MidnightIcon,
-	PolkadotIcon,
-	StarknetIcon,
-	StellarIcon,
-	UniswapIcon,
-	ZamaIcon,
 	ContractsLibraryIcon,
 	ContractsMcpIcon,
 	ContractsUpgradesIcon,
 	ContractsWizardIcon,
+	EthereumIcon,
 	EthernautIcon,
+	MidnightIcon,
 	MonitorIcon,
+	PolkadotIcon,
 	RelayersIcon,
+	StarknetIcon,
+	StellarIcon,
 	TransactionProposalIcon,
-	AnnotationDotsIcon,
+	UniswapIcon,
+	ZamaIcon,
 } from "@/components/icons";
-import {
-	HeroCard,
-	FeatureCard,
-	EcosystemCard,
-	CommunityCard,
-	BannerCard,
-} from "@/components/home-cards";
 import { baseOptions } from "./layout.config";
-import { Footer } from "@/components/footer";
 
 export default function HomePage() {
 	return (

src/components/footer.tsx

@@ -97,6 +97,7 @@ export function Footer() {
 									fill="currentColor"
 									viewBox="0 0 24 24"
 								>
+									<title>GitHub</title>
 									<path d="M12 0c-6.626 0-12 5.373-12 12 0 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.23.957-.266 1.983-.399 3.003-.404 1.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.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
 								</svg>
 							</a>
@@ -110,6 +111,7 @@ export function Footer() {
 									fill="currentColor"
 									viewBox="0 0 24 24"
 								>
+									<title>Twitter</title>
 									<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
 								</svg>
 							</a>

src/components/home-cards.tsx

@@ -116,7 +116,7 @@ function FeatureCard({
 			href={href}
 			className={cn(
 				"group block p-6 bg-card border rounded-xl hover:shadow-sm hover:-translate-y-0.5 transition-all relative overflow-hidden hover:border-accent before:absolute before:top-0 before:left-0 before:right-0 before:h-0.5",
-				`${glowClasses[glowColor as keyof typeof glowClasses] || glowClasses["tools"]} before:opacity-0 hover:before:opacity-100 before:transition-opacity`,
+				`${glowClasses[glowColor as keyof typeof glowClasses] || glowClasses.tools} before:opacity-0 hover:before:opacity-100 before:transition-opacity`,
 				className,
 			)}
 		>
@@ -162,7 +162,7 @@ function EcosystemCard({
 			href={href}
 			className={cn(
 				"group block p-6 bg-card border rounded-xl hover:shadow-sm hover:-translate-y-0.5 transition-all relative overflow-hidden hover:border-accent before:absolute before:top-0 before:left-0 before:right-0 before:h-0.5",
-				`${glowClasses[glowColor as keyof typeof glowClasses] || glowClasses["evm"]} before:opacity-0 hover:before:opacity-100 before:transition-opacity`,
+				`${glowClasses[glowColor as keyof typeof glowClasses] || glowClasses.evm} before:opacity-0 hover:before:opacity-100 before:transition-opacity`,
 				className,
 			)}
 		>

src/components/icons/index.ts

@@ -4,8 +4,8 @@ export { ContractsLibraryIcon } from "./contracts-library-icon";
 export { ContractsMcpIcon } from "./contracts-mcp-icon";
 export { ContractsUpgradesIcon } from "./contracts-upgrades-icon";
 export { ContractsWizardIcon } from "./contracts-wizard-icon";
-export { EthernautIcon } from "./ethernaut-icon";
 export { EthereumIcon } from "./ethereum-icon";
+export { EthernautIcon } from "./ethernaut-icon";
 export { HomeIcon } from "./home-icon";
 export { MidnightIcon } from "./midnight-icon";
 export { MonitorIcon } from "./monitor-icon";

src/components/icons/starknet-icon.tsx

@@ -1,10 +1,13 @@
+import { useId } from "react";
+
 export function StarknetIcon({
 	className,
 	color,
 }: {
 	className: string;
 	color?: boolean;
 }) {
+	const gradientId = useId();
 	if (color) {
 		return (
 			<svg
@@ -29,7 +32,7 @@ export function StarknetIcon({
 						clipRule="evenodd"
 					/>
 					<path
-						fill="url(#tokenBrandedStarknet0)"
+						fill={`url(#${gradientId})`}
 						fillRule="evenodd"
 						d="M18.931 9.481c-.284-.318-.728-.497-1.16-.57a4 4 0 0 0-1.32.012c-.868.147-1.657.507-2.346.95c-.357.218-.662.47-.978.727c-.152.13-.29.268-.435.404l-.395.393a16 16 0 0 1-1.26 1.195c-.411.337-.795.593-1.174.771c-.378.18-.783.286-1.31.303c-.523.018-1.142-.076-1.803-.232c-.665-.155-1.364-.376-2.145-.566a6.4 6.4 0 0 0 1.21 2.034c.532.6 1.198 1.146 2.052 1.506a4.97 4.97 0 0 0 2.89.3c.993-.191 1.864-.65 2.568-1.181a9.2 9.2 0 0 0 1.758-1.783c.133-.176.203-.274.299-.411l.266-.394c.184-.244.353-.52.535-.762c.359-.505.712-1.01 1.123-1.475c.206-.236.424-.461.681-.678c.129-.106.268-.21.421-.303c.156-.1.32-.18.523-.24"
 						clipRule="evenodd"
@@ -48,7 +51,7 @@ export function StarknetIcon({
 					/>
 					<defs>
 						<linearGradient
-							id="tokenBrandedStarknet0"
+							id={gradientId}
 							x1="20.903"
 							x2="-13.607"
 							y1="3.792"