Update prop types for comment for improved structure

Enhanced the comment prop validation with PropTypes.shape instead of PropTypes.object for improved, clearer structure. Provides a more explicit structure for the expected shape of the object, improving code readability and maintainability.

app/javascript/components/Comment.js

@@ -92,7 +92,16 @@ Comment.propTypes = {
     PropTypes.array,
     PropTypes.element
   ]),
-  comment: PropTypes.object.isRequired,
+  comment: PropTypes.shape({
+  authorId: PropTypes.number.isRequired,
+  authorPicUrl: PropTypes.string,
+  authorPicFilename: PropTypes.string,
+  authorUsername: PropTypes.string.isRequired,
+  commentId: PropTypes.number.isRequired,
+  commentName: PropTypes.string,
+  htmlCommentText: PropTypes.string.isRequired,
+  timeCreatedString: PropTypes.string.isRequired
+}).isRequired,
   deleteButton: PropTypes.element.isRequired,
   editCommentForm: PropTypes.element.isRequired,
   isEditFormVisible: PropTypes.bool.isRequired,