chore: lint && format codebase

web/src/app/community/page.tsx

@@ -1,7 +1,7 @@
 import type { Metadata } from "next"
 import { Suspense } from "react"
-import { ExperimentalWarning } from "@/components/experimental-warning"
 import { CommunityIconSearch } from "@/components/community-icon-search"
+import { ExperimentalWarning } from "@/components/experimental-warning"
 import { BASE_URL } from "@/constants"
 import { getCommunitySubmissions } from "@/lib/community"
 

web/src/app/icons/[icon]/opengraph-image.tsx

@@ -6,7 +6,6 @@ import { getAllIcons } from "@/lib/api"
 export const dynamic = "force-static"
 export const revalidate = false
 
-
 export async function generateStaticParams() {
 	const iconsData = await getAllIcons()
 	if (process.env.CI_MODE === "false") {
@@ -72,9 +71,7 @@ export default async function Image({ params }: { params: Promise<{ icon: string
 	}
 
 	// Convert the image data to a data URL or use placeholder
-	const iconUrl = iconData
+	const iconUrl = iconData ? `data:image/png;base64,${iconData.toString("base64")}` : null
-		? `data:image/png;base64,${iconData.toString("base64")}`
-		: null
 
 	return new ImageResponse(
 		<div

web/src/components/advanced-icon-submission-form-tanstack.tsx

@@ -4,8 +4,9 @@ import { useForm } from "@tanstack/react-form"
 import { Check, FileImage, FileType, Plus, X } from "lucide-react"
 import { useState } from "react"
 import { toast } from "sonner"
-import { IconNameCombobox } from "@/components/icon-name-combobox"
+import { revalidateAllSubmissions } from "@/app/actions/submissions"
 import { ExperimentalWarning } from "@/components/experimental-warning"
+import { IconNameCombobox } from "@/components/icon-name-combobox"
 import {
 	AlertDialog,
 	AlertDialogAction,
@@ -26,7 +27,6 @@ import { Dropzone, DropzoneContent, DropzoneEmptyState } from "@/components/ui/s
 import { Textarea } from "@/components/ui/textarea"
 import { useExistingIconNames } from "@/hooks/use-submissions"
 import { pb } from "@/lib/pb"
-import { revalidateAllSubmissions } from "@/app/actions/submissions"
 
 interface VariantConfig {
 	id: string
@@ -298,7 +298,8 @@ export function AdvancedIconSubmissionFormTanStack() {
 					<AlertDialogHeader>
 						<AlertDialogTitle>Confirm Submission</AlertDialogTitle>
 						<AlertDialogDescription>
-							This icon submission form is a work-in-progress and is currently in an experimentation phase. Your submission will not be reviewed or processed at this time. We're using this to gather feedback and improve the experience.
+							This icon submission form is a work-in-progress and is currently in an experimentation phase. Your submission will not be
+							reviewed or processed at this time. We're using this to gather feedback and improve the experience.
 							<br />
 							<br />
 							Do you still want to proceed with submitting your icon?

web/src/components/editable-icon-details.tsx

@@ -8,6 +8,7 @@ import Link from "next/link"
 import type React from "react"
 import { useCallback, useState } from "react"
 import { toast } from "sonner"
+import { revalidateAllSubmissions } from "@/app/actions/submissions"
 import { IconNameCombobox } from "@/components/icon-name-combobox"
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
 import { Button } from "@/components/ui/button"
@@ -18,7 +19,6 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/comp
 import { BASE_URL, REPO_PATH } from "@/constants"
 import { pb } from "@/lib/pb"
 import { formatIconName } from "@/lib/utils"
-import { revalidateAllSubmissions } from "@/app/actions/submissions"
 import { MagicCard } from "./magicui/magic-card"
 import { Badge } from "./ui/badge"
 import { Dropzone, DropzoneContent, DropzoneEmptyState } from "./ui/shadcn-io/dropzone"

web/src/components/experimental-warning.tsx

@@ -16,9 +16,7 @@ export function ExperimentalWarning({ message }: ExperimentalWarningProps) {
 			<AlertTriangle className="text-amber-600 dark:text-amber-500 size-8" />
 			<div className="col-start-2 space-y-4">
 				<AlertTitle className="text-amber-900 dark:text-amber-100 text-2xl font-bold">Experimental Feature</AlertTitle>
-				<AlertDescription className="text-amber-800 dark:text-amber-200 text-base leading-relaxed">
+				<AlertDescription className="text-amber-800 dark:text-amber-200 text-base leading-relaxed">{defaultMessage}</AlertDescription>
-					{defaultMessage}
-				</AlertDescription>
 				<Button className="feedback-button mt-4" variant="outline" size="lg">
 					Send feedback
 				</Button>
@@ -26,4 +24,3 @@ export function ExperimentalWarning({ message }: ExperimentalWarningProps) {
 		</Alert>
 	)
 }
-

web/src/hooks/use-submissions.ts

@@ -1,8 +1,8 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"
 import { toast } from "sonner"
+import { revalidateAllSubmissions } from "@/app/actions/submissions"
 import { getAllIcons } from "@/lib/api"
 import { pb, type Submission } from "@/lib/pb"
-import { revalidateAllSubmissions } from "@/app/actions/submissions"
 
 // Query key factory
 export const submissionKeys = {

web/src/lib/api.ts

@@ -132,14 +132,10 @@ async function fetchAuthorData(authorId: number) {
  * across multiple page builds and requests.
  */
 export async function getAuthorData(authorId: number): Promise<AuthorData> {
-	return unstable_cache(
+	return unstable_cache(async () => await fetchAuthorData(authorId), [`author-${authorId}`], {
-		async () => await fetchAuthorData(authorId),
+		revalidate: 86400,
-		[`author-${authorId}`],
+		tags: ["authors", `author-${authorId}`],
-		{
+	})()
-			revalidate: 86400,
-			tags: ["authors", `author-${authorId}`],
-		}
-	)()
 }
 
 /**

web/src/lib/errors.ts

@@ -10,6 +10,3 @@ export class ApiError extends Error {
 		this.status = status
 	}
 }
-
-
-