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 } },
         },
       }),