Refactoring beer by id page, add delete comment

Refactored the comments ui into various new components, added the delete beer comment by id feature.

components/BeerById/BeerCommentForm.tsx

@@ -49,7 +49,7 @@ const BeerCommentForm: FunctionComponent<BeerCommentFormProps> = ({ beerPost })
       beerPostId: beerPost.id,
     });
     reset();
-    router.replace(router.asPath, undefined, { scroll: false });
+    router.replace(`/beers/${beerPost.id}?comments_page=1`, undefined, { scroll: false });
   };
 
   const { errors } = formState;