Remove routes for compiler (#1510)

## Description

This PR enables React Compiler for additional directories and simplifies event handlers in route components:

1. Added `src/components/shared/Authentication` and `src/routes` to the enabled directories in `react-compiler.config.js`
2. Removed comments and reorganized the directory list for better readability
3. Simplified event handlers in `ErrorPage.tsx` and `NotFoundPage.tsx` by removing unnecessary `useCallback` hooks
4. Fixed formatting in `RunRow.tsx` component

## Type of Change

- [x] Improvement
- [x] Cleanup/Refactor

## Checklist

- [ ] I have tested this does not break current pipelines / runs functionality
- [ ] I have tested the changes on staging

## Test Instructions

1. Verify that the application functions correctly with React Compiler enabled for the additional directories
2. Confirm that navigation and error handling work as expected in the routes components

Author: Mbeaulne

react-compiler.config.js

@@ -14,20 +14,19 @@ export const REACT_COMPILER_ENABLED_DIRS = [
   "src/components/shared/ExecutionDetails",
   "src/components/shared/QuickStart",
   "src/components/shared/Status",
-
-  // 2-5 useCallback/useMemo
-  "src/components/shared/CodeViewer", // 2
-  "src/components/shared/FullscreenElement", // 2
-  "src/components/shared/CopyText", // 3
-  "src/components/shared/TaskDetails", // 4
-  "src/components/shared/GitHubAuth", // 5
+  "src/components/shared/CodeViewer",
+  "src/components/shared/FullscreenElement",
+  "src/components/shared/CopyText",
+  "src/components/shared/TaskDetails",
+  "src/components/shared/GitHubAuth",
+  "src/components/shared/Authentication",
+  "src/routes",
 
   // 6-10 useCallback/useMemo
-  // "src/routes",                                // 6
   // "src/components/shared/ComponentEditor",     // 6
   // "src/components/shared/Settings",            // 6
   // "src/components/shared/HuggingFaceAuth",     // 8
-  "src/components/shared/Authentication", // 9
+
   // "src/components/shared/GitHubLibrary",       // 9
 
   // 11-20 useCallback/useMemo

src/routes/ErrorPage.tsx

@@ -1,6 +1,4 @@
-import { useRouter } from "@tanstack/react-router";
-import { type ErrorComponentProps } from "@tanstack/react-router";
-import { useCallback } from "react";
+import { type ErrorComponentProps, useRouter } from "@tanstack/react-router";
 
 import { InfoBox } from "@/components/shared/InfoBox";
 import { Button } from "@/components/ui/button";
@@ -10,13 +8,13 @@ import { Paragraph, Text } from "@/components/ui/typography";
 export default function ErrorPage({ error }: ErrorComponentProps) {
   const router = useRouter();
 
-  const handleRefresh = useCallback(() => {
+  const handleRefresh = () => {
     window.location.reload();
-  }, []);
+  };
 
-  const handleGoHome = useCallback(() => {
+  const handleGoHome = () => {
     router.navigate({ to: "/" });
-  }, [router]);
+  };
 
   return (
     <div className="min-h-screen flex items-center justify-center bg-background p-4">

src/routes/NotFoundPage.tsx

@@ -1,5 +1,4 @@
 import { useRouter } from "@tanstack/react-router";
-import { useCallback } from "react";
 
 import { Button } from "@/components/ui/button";
 import { BlockStack } from "@/components/ui/layout";
@@ -8,13 +7,13 @@ import { Paragraph, Text } from "@/components/ui/typography";
 export default function NotFoundPage() {
   const router = useRouter();
 
-  const handleGoHome = useCallback(() => {
+  const handleGoHome = () => {
     router.navigate({ to: "/" });
-  }, [router]);
+  };
 
-  const handleGoBack = useCallback(() => {
+  const handleGoBack = () => {
     router.history.back();
-  }, [router]);
+  };
 
   return (
     <div className="min-h-screen flex items-center justify-center bg-background p-4">