feat: improve warning message when blueprint cannot be found

Author: Jipperism

app/hypercerts/new-transferable/page.tsx

@@ -5,6 +5,7 @@ import {
 import { getBlueprintById } from "@/blueprints/getBlueprints";
 import { TransferRestrictions } from "@hypercerts-org/sdk";
 import { Alert, AlertTitle, AlertDescription } from "@/components/ui/alert";
+import { InfoSection } from "@/components/global/sections";
 
 export default async function NewHypercertPage({
   searchParams,
@@ -18,7 +19,13 @@ export default async function NewHypercertPage({
     const fetchedBlueprint = await getBlueprintById(parsedId);
 
     if (!fetchedBlueprint) {
-      return <div>Blueprint not found</div>;
+      return (
+        <main className="flex flex-col p-8 md:px-16 pt-8 pb-24 space-y-4 flex-1 container max-w-screen-lg">
+          <InfoSection>
+            The blueprint you are trying to use does not exist.
+          </InfoSection>
+        </main>
+      );
     }
 
     formValues = fetchedBlueprint.form_values as HypercertFormValues;

app/hypercerts/new/page.tsx

@@ -3,6 +3,7 @@ import {
   HypercertMintingForm,
 } from "@/components/hypercert/hypercert-minting-form";
 import { getBlueprintById } from "@/blueprints/getBlueprints";
+import { InfoSection } from "@/components/global/sections";
 
 export default async function NewHypercertPage({
   searchParams,
@@ -18,7 +19,13 @@ export default async function NewHypercertPage({
     const fetchedBlueprint = await getBlueprintById(parsedId);
 
     if (!fetchedBlueprint) {
-      return <div>Blueprint not found</div>;
+      return (
+        <main className="flex flex-col p-8 md:px-16 pt-8 pb-24 space-y-4 flex-1 container max-w-screen-lg">
+          <InfoSection>
+            The blueprint you are trying to use does not exist.
+          </InfoSection>
+        </main>
+      );
     }
 
     formValues = {