fix(gui): wrong nesting of HTML elements (#941)

Author: lars-reimann

api-editor/gui/src/features/annotations/AnnotationView.tsx

@@ -327,7 +327,7 @@ const AnnotationTag: React.FC<AnnotationTagProps> = function ({
     const currentUserAction = useAppSelector(selectCurrentUserAction);
 
     const reviewer = (annotation.reviewers ?? [])[0];
-    const reviewResult = annotation.reviewResult ?? ReviewResult.Correct;
+    const reviewResult = annotation.reviewResult;
     const isReviewed = reviewer !== undefined;
 
     const authors = annotation.authors ?? [];
@@ -389,7 +389,7 @@ const AnnotationTag: React.FC<AnnotationTagProps> = function ({
                     )}
                 </Button>
             </Tooltip>
-            {reviewResult === ReviewResult.Correct && (
+            {(reviewResult === ReviewResult.Correct || (isReviewed && !reviewResult)) && (
                 <Tooltip label={`Marked as correct by ${reviewer}. Click to undo.`}>
                     <Button
                         size="sm"

api-editor/gui/src/features/filter/FilterInput.tsx

@@ -84,16 +84,16 @@ const InvalidFilterToken: React.FC<InvalidFilterTokenProps> = function ({ token
     return (
         <ListItem>
             <ChakraText>
-                <ChakraText display="inline" fontWeight="bold">
+                <Box as="span" fontWeight="bold">
                     {token}
-                </ChakraText>
+                </Box>
                 {closestDistance <= 3 && (
                     <>
                         {'. '}
                         Did you mean{' '}
-                        <ChakraText display="inline" textDecoration="underline" cursor="pointer" onClick={onClick}>
+                        <Box as="span" textDecoration="underline" cursor="pointer" onClick={onClick}>
                             {closestAlternative}
-                        </ChakraText>
+                        </Box>
                         ?
                     </>
                 )}