Update development environment and enhance Link component behavior

- Set `STACK_ARTIFICIAL_DEVELOPMENT_DELAY_MS` to 0 in the development environment for immediate feedback during development.
- Added `prefetch` prop to the `Link` component, allowing control over prefetching behavior. Updated usages in `UserIdentityCell` to disable prefetching for specific links.

This change improves the development experience and optimizes link behavior in the dashboard.

Author: mantrakp04

apps/backend/.env.development

@@ -69,7 +69,7 @@ STACK_SVIX_API_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpYXQiOjE2NTUxNDA2Mzks
 # Set to "vercel", "cloudflare", or leave empty/unset for no proxy trust.
 STACK_TRUSTED_PROXY=
 
-STACK_ARTIFICIAL_DEVELOPMENT_DELAY_MS=500
+STACK_ARTIFICIAL_DEVELOPMENT_DELAY_MS=0
 
 STACK_ENABLE_HARDCODED_PASSKEY_CHALLENGE_FOR_TESTING=yes
 

apps/dashboard/src/components/data-table/user-table.tsx

@@ -438,7 +438,7 @@ function UserIdentityCell(props: { user: ExtendedServerUser }) {
 
   return (
     <div className="flex items-center gap-3">
-      <Link href={profileUrl} className="rounded-full shrink-0">
+      <Link href={profileUrl} className="rounded-full shrink-0" prefetch={false}>
         <Avatar className="h-6 w-6">
           <AvatarImage src={user.profileImageUrl ?? undefined} alt={user.displayName ?? user.primaryEmail ?? "User avatar"} />
           <AvatarFallback>{fallback}</AvatarFallback>
@@ -448,6 +448,7 @@ function UserIdentityCell(props: { user: ExtendedServerUser }) {
         <Link
           href={profileUrl}
           className="block truncate text-sm font-semibold text-foreground hover:text-foreground"
+          prefetch={false}
           title={displayName}
         >
           {displayName}

apps/dashboard/src/components/link.tsx

@@ -19,13 +19,14 @@ type LinkProps = {
   title?: string,
 };
 
-export const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(({ onClick, href, children, ...rest }, ref) => {
+export const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(({ onClick, href, children, prefetch, ...rest }, ref) => {
   const router = useRouter();
   const { needConfirm } = useRouterConfirm();
 
   return <NextLink
     ref={ref}
     href={href}
+    prefetch={prefetch}
     {...rest}
     onClick={(e: React.MouseEvent<HTMLAnchorElement>) => {
       if (needConfirm) {
@@ -38,7 +39,7 @@ export const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(({ onClick, h
       }
     }}
   >
-    <UrlPrefetcher href={href} />
+    {prefetch === false ? null : <UrlPrefetcher href={href} />}
     {children}
   </NextLink>;