fix: fix more code smell

Author: invisal

src/renderer/App.css

@@ -127,14 +127,14 @@ body.dark {
 
 html,
 body {
-  font-family: 'OpenSans';
+  font-family: 'OpenSans', sans-serif;
   font-size: 13px;
   padding: 0;
   margin: 0;
 }
 
 .mono {
-  font-family: 'CascadiaCode';
+  font-family: 'CascadiaCode', sans-serif;
 }
 
 .scroll::-webkit-scrollbar {

src/renderer/components/Layout/index.tsx

@@ -21,15 +21,15 @@ export default function Layout({ children }: PropsWithChildren) {
   );
 }
 
-Layout.Grow = function ({ children }: PropsWithChildren) {
+Layout.Grow = function LayoutGrow({ children }: PropsWithChildren) {
   return (
     <div style={{ flexGrow: 1, position: 'relative', overflow: 'hidden' }}>
       {children}
     </div>
   );
 };
 
-Layout.Fixed = function ({
+Layout.Fixed = function LayoutFixed({
   children,
   shadowBottom,
   shadowTop,

src/renderer/components/OptionList/OptionListItem.tsx

@@ -14,7 +14,7 @@ export interface OptionListItemProps {
   tick?: boolean;
   destructive?: boolean;
   separator?: boolean;
-  onClick?: (e: React.MouseEvent) => void;
+  onClick?: (e: React.MouseEvent) => Promise<void> | void;
 }
 
 export default function OptionListItem({

src/renderer/components/ResizableTable/TableCellContent.module.scss

@@ -31,7 +31,7 @@
 }
 
 .mono {
-  font-family: CascadiaCode;
+  font-family: CascadiaCode, sans-serif;
   font-weight: 300;
   color: var(--color-table-cell-code);
 }

src/renderer/screens/DatabaseScreen/QueryResultViewer/QueryResultTable.tsx

@@ -82,10 +82,6 @@ function QueryResultTable({
     return {};
   }, [result, schema, currentDatabase]);
 
-  if (!headers || !result) {
-    return <div>No result</div>;
-  }
-
   const headerMemo = useMemo(() => {
     function getInitialSizeByHeaderType(_: number, header: QueryResultHeader) {
       if (header.type.type === 'number') {
@@ -152,6 +148,10 @@ function QueryResultTable({
     });
   }, [removeRowsIndex, data]);
 
+  if (!headers || !result) {
+    return <div>No result</div>;
+  }
+
   return (
     <div className={styles.container} onContextMenu={handleContextMenu}>
       <OptimizeTable