feat: add AI shape utils to spaces grid preview component

apps/web/src/components/spaces-grid.tsx

@@ -1,7 +1,7 @@
 import { useQuery } from "@tanstack/react-query";
 import { Plus, Search } from "lucide-react";
 import { useEffect, useMemo, useRef, useState } from "react";
-import { Tldraw } from "tldraw";
+import { defaultShapeUtils, Tldraw } from "tldraw";
 import { NewSpaceDialog } from "@/components/new-space-dialog";
 import { SpaceActions } from "@/components/space-actions";
 import { Badge } from "@/components/ui/badge";
@@ -15,6 +15,7 @@ import {
 import { Input } from "@/components/ui/input";
 import { listUserSpaceSnapshots } from "@/lib/appwrite-db";
 import { authClient } from "@/lib/auth-client";
+import { AIImageShapeUtil, AITextResultShapeUtil } from "@/lib/tldraw/ai-shapes";
 
 type SpaceCard = {
   id: string;
@@ -210,6 +211,7 @@ export function SpacesGrid() {
                       editor.updateInstanceState({ isReadonly: true });
                     }}
                     snapshot={snapshot}
+                    shapeUtils={[...defaultShapeUtils, AIImageShapeUtil, AITextResultShapeUtil]}
                   />
                 </div>
               </CardContent>