fmt and review comments

Author: andrelandgraf

app/components/user-dropdown.tsx

@@ -30,8 +30,8 @@ export function UserDropdown() {
 							className="h-8 w-8 rounded-full object-cover"
 							alt={user.name ?? user.username}
 							src={getUserImgSrc(user.image?.id)}
-							width={416}
-							height={416}
+							width={256}
+							height={256}
 						/>
 						<span className="text-body-sm font-bold">
 							{user.name ?? user.username}

app/routes/resources+/images.tsx

@@ -2,46 +2,37 @@ import { getImgResponse } from 'openimg/node'
 import { type Route } from './+types/images.ts'
 import { getDomainUrl } from '#app/utils/misc.tsx'
 
-function isUrl(src: string) {
-	try {
-		new URL(src)
-		return true
-	} catch {
-		return false
-	}
-}
-
 export async function loader({ request }: Route.LoaderArgs) {
 	const domain = getDomainUrl(request)
 	const headers = new Headers()
 	headers.set('Cache-Control', 'public, max-age=31536000, immutable')
 	return getImgResponse(request, {
 		headers,
-        allowlistedOrigins: [domain],
+		allowlistedOrigins: [domain],
 		getImgSource: ({ params }) => {
 			if (params.src.startsWith('/resources')) {
-                // Fetch image from resource endpoint
+				// Fetch image from resource endpoint
 				return {
 					type: 'fetch',
 					url: domain + params.src,
 				}
 			}
-			if (isUrl(params.src)) {
-                // Fetch image from external URL; will be matched against allowlist
+			if (URL.canParse(params.src)) {
+				// Fetch image from external URL; will be matched against allowlist
 				return {
 					type: 'fetch',
 					url: params.src,
 				}
 			}
-            // Retrieve image from filesystem (public folder)
-            if(params.src.startsWith('/assets')) {
-                // Files managed by Vite
-                return {
-                    type: 'fs',
-                    path: '.' + params.src,
-                }
-            }
-            // Fallback to files in public folder
+			// Retrieve image from filesystem (public folder)
+			if (params.src.startsWith('/assets')) {
+				// Files managed by Vite
+				return {
+					type: 'fs',
+					path: '.' + params.src,
+				}
+			}
+			// Fallback to files in public folder
 			return {
 				type: 'fs',
 				path: './public' + params.src,