update commentout

packages/app/src/components/PageComment.module.scss

@@ -1,4 +1,4 @@
-.page-comment-module :global {
+.page-comment-styles :global {
   .page-comments {
     h4 {
       margin-bottom: 1em;

packages/app/src/components/PageComment.tsx

@@ -159,7 +159,7 @@ export const PageComment: FC<Props> = memo((props:Props): JSX.Element => {
 
   return (
     <>
-      <div className={`${styles['page-comment-module']} page-comments-row comment-list`}>
+      <div className={`${styles['page-comment-styles']} page-comments-row comment-list`}>
         <div className="container-lg">
           <div className="page-comments">
             <h2 className={commentTitleClasses}><i className="icon-fw icon-bubbles"></i>Comments</h2>

packages/app/src/components/PageComment/Comment.module.scss

@@ -14,19 +14,19 @@
     margin-top: -70px;
     pointer-events: none;
 
-    // ユーザー名
+    // user name
     .page-comment-creator {
       margin-top: -0.5em;
       margin-bottom: 0.5em;
       font-weight: bold;
     }
 
-    // ユーザーアイコン
+    // user icon
     .picture {
       @extend %picture;
     }
 
-    // コメントセクション
+    // comment section
     .page-comment-main {
       @extend %comment-section;
       @include bs.media-breakpoint-up(sm) {
@@ -53,7 +53,7 @@
       }
     }
 
-    // コメント本文
+    // comment body
     .page-comment-body {
       margin-bottom: 0.5em;
       word-wrap: break-word;