Styling and astro refactor of callout

src/lib/constants/blocks/notes.ts

@@ -1,12 +1,16 @@
 export const NOTE_TYPES = [
   {
-    label: 'Default',
+    label: 'Note',
     value: 'default',
   },
   {
     label: 'Example',
     value: 'example',
   },
+  {
+    label: 'Optional',
+    value: 'optional',
+  },
 ] as const
 
 export type CalloutType = (typeof NOTE_TYPES)[number]['value']

src/lib/markdoc/tags.ts

@@ -64,6 +64,7 @@ const generated =
         figure: 'Figure',
         tableWrapper: 'TableWrapper',
         quote: 'Quote',
+        reveal: 'Reveal',
       },
     },
   }).tags ?? {}