Update color, remove unused code

packages/web/components/patterns/HighlightNotes.tsx

@@ -291,8 +291,8 @@ export function MarkdownNote(props: MarkdownNote): JSX.Element {
               width: '100%',
               marginTop: '15px',
               color: '#898989',
-              fontSize: '11px',
-              border: '1px solid #D9D9D9',
+              fontSize: '13px',
+              border: '1px solid $thBorderColor',
 
               '> *': {
                 m: '0px',

packages/web/components/templates/article/Notebook.tsx

@@ -298,18 +298,6 @@ export function Notebook(props: NotebookProps): JSX.Element {
         saveText={handleSaveNoteText}
       />
       <SpanBox css={{ mt: '10px', mb: '25px' }} />
-      {/* {annotations.allAnnotations.map((highlight) => (
-            <Box key={`hn-${highlight.id}`} css={{ color: 'black' }}>
-              {highlight.annotation}
-              <Button
-                onClick={() => {
-                  deleteHighlightMutation(highlight.id)
-                }}
-              >
-                DELETE
-              </Button>
-            </Box>
-          ))} */}
       <Box css={{ width: '100%' }}>
         <TitledSection title="HIGHLIGHTS" />