Add a note component

This highlights a specific piece of text.

src/less/include/components.less

@@ -32,6 +32,22 @@
   }
 }
 
+.note {
+  margin-left: 3rem;
+  border-width: 1px;
+  border-style: solid;
+  padding: 0 1rem;
+
+  @media (prefers-color-scheme: dark) {
+    background-color: #1f2c3f;
+    border-color: #547ea8;
+  }
+  @media (prefers-color-scheme: light) {
+    background-color: #547ea8;
+    border-color: #1f2c3f;
+  }
+}
+
 .subtitle {
   font-size: 0.9rem;
   margin: 0;