feat: enhance canvas and node components with error handling and retry logic

- Integrated retry logic for AI image generation to handle transient errors and improve user experience.
- Updated error categorization to provide more informative feedback based on different failure scenarios.
- Enhanced node components to display retry attempts and error messages, improving visibility during image generation failures.
- Refactored canvas and node components to include retry count in status updates, ensuring accurate tracking of generation attempts.

app/(app)/canvas/[canvasId]/page.tsx

@@ -1,6 +1,7 @@
 import { notFound, redirect } from "next/navigation";
 
 import Canvas from "@/components/canvas/canvas";
+import ConnectionBanner from "@/components/canvas/connection-banner";
 import CanvasSidebar from "@/components/canvas/canvas-sidebar";
 import { api } from "@/convex/_generated/api";
 import type { Id } from "@/convex/_generated/dataModel";
@@ -50,7 +51,8 @@ export default async function CanvasPage({
   return (
     <div className="flex h-screen w-screen overflow-hidden">
       <CanvasSidebar />
-      <div className="flex-1">
+      <div className="relative flex-1">
+        <ConnectionBanner />
         <Canvas canvasId={typedCanvasId} />
       </div>
     </div>