fix code styles

packages/app/src/components/ReactMarkdownComponents/CodeBlock.module.scss

@@ -1,13 +1,6 @@
 @use '~/styles/variables' as var;
 @use '~/styles/bootstrap/init' as bs;
 
-.code-highlighted :global {
-  code {
-    padding: 0;
-    border: none;
-  }
-}
-
 .code-highlighted-title {
   position: absolute;
   top: 0;

packages/app/src/styles/atoms/_code.scss

@@ -4,7 +4,7 @@
 /*
  * style of inline-code
  */
-code {
+code:not([class^='language-']) {
   padding: 2px 4px;
   font-family: var.$font-family-monospace-not-strictly;
   border: 1px solid;

packages/app/src/styles/theme/_apply-colors.scss

@@ -50,13 +50,7 @@ $theme-colors: map-merge($theme-colors, ( primary: $primary ));
 // determine variables with　bootstrap function (These variables can be used after importing bootstrap above)
 $color-modal-header: color-yiq($primary) !default;
 
-:not(pre) {
-  > code {
-    @include code.code-inline-color($color-inline-code, $bgcolor-inline-code, $bordercolor-inline-code);
-  }
-}
-
-.code {
+code:not([class^='language-']) {
   @include code.code-inline-color($color-inline-code, $bgcolor-inline-code, $bordercolor-inline-code);
 }