Styling changes and refactor

Switch google fonts to use Next.js font optimization, animate comment fade in, and refactor beer like handler and comment submit handler.

hooks/useBeerPostComments.ts

@@ -40,7 +40,7 @@ const useBeerPostComments = ({ pageNum, id, pageSize }: UseBeerPostCommentsProps
         throw new Error(parsedPayload.error.message);
       }
 
-      const pageCount = Math.ceil(parseInt(count as string, 10) / 10);
+      const pageCount = Math.ceil(parseInt(count as string, 10) / pageSize);
       return { comments: parsedPayload.data, pageCount };
     },
   );