fix: show error only in compare-form, remove duplicate from result-dashboard

- Remove duplicate error Alert block from page.tsx (was shown twice)
- Error is now displayed only via CompareForm's error prop
- Improve invalid username detection in API route to handle GraphqlResponseError
  format from @octokit/graphql (catches 'Could not resolve to a User' messages)

Signed-off-by: Ai-chan-0411 (藍) <aoikabu12@gmail.com>

Author: Ai-chan-0411

app/api/compare/route.ts

@@ -40,22 +40,30 @@ export async function GET(request: Request) {
     let message = "Something went wrong. Please try again later.";
     let status = 500;
 
-    const msg = error?.message ?? "";
-    if (msg === "User not found") {
+    const msg = (error?.message ?? "").toLowerCase();
+    const isNotFound =
+      msg === "user not found" ||
+      msg.includes("could not resolve to a user") ||
+      msg.includes("user not found") ||
+      error?.errors?.some((e: any) =>
+        e?.type === "NOT_FOUND" || e?.message?.toLowerCase().includes("user")
+      );
+
+    if (isNotFound) {
       message =
         "One or more GitHub users could not be found. Please check the usernames and try again.";
       status = 404;
     } else if (
       msg.includes("rate limit") ||
-      msg.includes("API rate limit") ||
+      msg.includes("api rate limit") ||
       error?.status === 403
     ) {
       message =
         "GitHub API rate limit exceeded. Please wait a few minutes and try again.";
       status = 429;
     } else if (
-      msg.includes("ENOTFOUND") ||
-      msg.includes("ECONNREFUSED") ||
+      msg.includes("enotfound") ||
+      msg.includes("econnrefused") ||
       msg.includes("fetch failed")
     ) {
       message =

app/page.tsx

@@ -5,8 +5,6 @@ import { CompareForm } from "../components/compare-form";
 import { ResultDashboard } from "../components/result-dashboard";
 import { DashboardSkeleton } from "../components/skeletons";
 import { UserResult } from "@/types/user-result";
-import { AlertCircle } from "lucide-react";
-import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
 
 type ApiResponse = {
   success: boolean;
@@ -76,7 +74,7 @@ export default function HomePage() {
               DevImpact
             </span>
           </div>
-       
+
         </div>
       </header>
       <div className="max-w-6xl mx-auto px-4 py-10 space-y-6">
@@ -90,13 +88,6 @@ export default function HomePage() {
         />
 
         {loading && skeleton}
-        {error && (
-          <Alert variant="destructive">
-            <AlertCircle className="h-4 w-4" />
-            <AlertTitle>Comparison Failed</AlertTitle>
-            <AlertDescription>{error}</AlertDescription>
-          </Alert>
-        )}
         {data && <ResultDashboard user1={data.user1} user2={data.user2} />}
         {!loading && !error && !data && (
           <div className="flex flex-col items-center justify-center py-20 text-center text-muted-foreground gap-4">