Remove console.log and reuse exact query

app/web/src/components/EmbedProject/EmbedProject.tsx

@@ -16,12 +16,11 @@ const EmbedProject = ({ project }: Props) => {
   const { viewerDomRef, handleViewerSizeUpdate } = use3dViewerResize()
 
   useEffect(() => {
-    console.log({ rect: viewerDomRef.current.getBoundingClientRect(), status: 'uh what?'})
     handleViewerSizeUpdate()
   }, [])
 
   return (
-    <div className="h-screen flex flex-col" ref={viewerDomRef} >
+    <div className="flex flex-col h-screen" ref={viewerDomRef} >
         <IdeContext.Provider value={{ state, thunkDispatch, project }}>
             <IdeViewer />
         </IdeContext.Provider>

app/web/src/components/EmbedProjectCell/EmbedProjectCell.tsx

@@ -1,33 +1,9 @@
-import useUser from 'src/helpers/hooks/useUser'
 import { useIdeState } from 'src/helpers/hooks/useIdeState'
 import { IdeContext } from 'src/helpers/hooks/useIdeContext'
 import EmbedViewer from '../EmbedViewer/EmbedViewer'
+import { QUERY as IdeQuery } from 'src/components/IdeProjectCell'
 
-export const QUERY = gql`
+export const QUERY = IdeQuery
-  query FIND_PROJECT_BY_USENAME_TITLE(
-    $projectTitle: String!
-    $userName: String!
-  ) {
-    project: projectByUserAndTitle(
-      projectTitle: $projectTitle
-      userName: $userName
-    ) {
-      id
-      title
-      description
-      code
-      mainImage
-      createdAt
-      cadPackage
-      user {
-        id
-        userName
-        image
-      }
-    }
-  }
-`
-
 export interface Project {
   id: string
   title: string