FIX[UI]: Use canDelete as a property not a function

webapp/src/components/SheetTabBar/SheetTab.tsx

@@ -15,7 +15,7 @@ interface SheetTabProps {
   onSelected: () => void;
   onColorChanged: (hex: string) => void;
   onRenamed: (name: string) => void;
-  canDelete: () => boolean;
+  canDelete: boolean;
   onDeleted: () => void;
   workbookState: WorkbookState;
 }
@@ -94,7 +94,7 @@ function SheetTab(props: SheetTabProps) {
           Change Color
         </StyledMenuItem>
         <StyledMenuItem
-          disabled={!props.canDelete()}
+          disabled={!props.canDelete}
           onClick={() => {
             props.onDeleted();
             handleClose();

webapp/src/components/SheetTabBar/SheetTabBar.tsx

@@ -67,13 +67,11 @@ function SheetTabBar(props: SheetTabBarProps) {
               onRenamed={(name: string): void => {
                 props.onSheetRenamed(name);
               }}
-              canDelete={(): boolean => {
-                return sheets.length > 1;
-              }}
               onDeleted={(): void => {
                 props.onSheetDeleted();
               }}
               workbookState={workbookState}
+              canDelete={sheets.length > 1}
             />
           ))}
         </SheetInner>