fix: remove chaotic font css

libs/components/board-draw/src/components/error-fallback/error-fallback.tsx

@@ -76,7 +76,6 @@ const InnerContainer = styled('div')({
     boxShadow: '$panel',
     maxWidth: 320,
     color: '$text',
-    fontFamily: '$ui',
     fontSize: '$2',
     textAlign: 'center',
     display: 'flex',
@@ -90,11 +89,9 @@ const InnerContainer = styled('div')({
         backgroundColor: '$hover',
         padding: '$4',
         borderRadius: '$2',
-        fontFamily: '"Menlo", "Monaco", monospace',
         fontWeight: 500,
     },
     '& p': {
-        fontFamily: '$body',
         lineHeight: 1.7,
         padding: '$5',
         margin: 0,

libs/components/board-draw/src/components/loading/loading.tsx

@@ -23,7 +23,6 @@ const StyledLoadingPanelContainer = styled('div')({
     borderBottomLeftRadius: '12px',
     borderBottomRightRadius: '12px',
     padding: '8px 16px',
-    fontFamily: 'var(--fonts-ui)',
     fontSize: 'var(--fontSizes-1)',
     boxShadow: 'var(--shadows-panel)',
     backgroundColor: 'white',