Refactor api requests and components out of pages

prisma/seed/create/createNewBeerImages.ts

@@ -20,6 +20,7 @@ const createNewBeerImages = async ({
       prisma.beerImage.create({
         data: {
           url: 'https://picsum.photos/900/1600',
+          alt: 'Placeholder beer image.',
           beerPost: { connect: { id: beerPost.id } },
         },
       }),

prisma/seed/create/createNewBreweryImages.ts

@@ -21,6 +21,7 @@ const createNewBreweryImages = async ({
       prisma.breweryImage.create({
         data: {
           url: 'https://picsum.photos/900/1600',
+          alt: 'Placeholder brewery image.',
           breweryPost: { connect: { id: breweryPost.id } },
         },
       }),

prisma/seed/index.ts

@@ -33,11 +33,11 @@ import createNewUsers from './create/createNewUsers';
     });
     const [beerPostComments, breweryPostComments] = await Promise.all([
       createNewBeerPostComments({
-        numberOfComments: 1000,
+        numberOfComments: 500,
         joinData: { beerPosts, users },
       }),
       createNewBreweryPostComments({
-        numberOfComments: 1000,
+        numberOfComments: 500,
         joinData: { breweryPosts, users },
       }),
     ]);