fix: pass in params expected of page.readPageAndBlob query

apps/studio/src/pages/sites/[siteId]/pages/[pageId]/index.tsx

@@ -1,18 +1,27 @@
 import { useEffect } from "react"
 import { Grid, GridItem } from "@chakra-ui/react"
+import { z } from "zod"
 
 import { useEditorDrawerContext } from "~/contexts/EditorDrawerContext"
 import EditPageDrawer from "~/features/editing-experience/components/EditPageDrawer"
 import Preview from "~/features/editing-experience/components/Preview"
+import { useQueryParse } from "~/hooks/useQueryParse"
 import { PageEditingLayout } from "~/templates/layouts/PageEditingLayout"
 import { trpc } from "~/utils/trpc"
 
+const editPageSchema = z.object({
+  pageId: z.coerce.number(),
+  siteId: z.coerce.number(),
+})
+
 function EditPage(): JSX.Element {
+  const { pageId, siteId } = useQueryParse(editPageSchema)
   const { setDrawerState, pageState, setPageState, setEditorState } =
     useEditorDrawerContext()
 
   const [{ content: page }] = trpc.page.readPageAndBlob.useSuspenseQuery({
-    pageId: 1,
+    pageId,
+    siteId,
   })
 
   useEffect(() => {