add style for code element

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

@@ -0,0 +1,14 @@
+@use '~/styles/variables' as var;
+@use '~/styles/bootstrap/init' as bs;
+
+/*
+ * style of inline-code
+ */
+:not(pre) {
+  > code {
+    padding: 2px 4px;
+    font-family: var.$font-family-monospace-not-strictly;
+    border: 1px solid;
+    border-radius: bs.$border-radius;
+  }
+}

packages/app/src/styles/style-next.scss

@@ -29,6 +29,7 @@
 @import 'atoms/buttons';
 @import 'atoms/spinners';
 @import 'atoms/custom_control';
+@import 'atoms/code';
 
 // // molecules
 // @import 'molecules/copy-dropdown';