fix inverted attribute

client/src/components/button.tsx

@@ -3,13 +3,13 @@ import { Link, LinkProps } from "react-router-dom";
 
 export interface ButtonProps extends LinkProps {
   disabled?: boolean
-  inverted?: boolean
+  inverted?: string // Apparently "inverted" in DOM cannot be `boolean` but must be `inverted`
 }
 
 export function Button(props: ButtonProps) {
   if (props.disabled) {
-    return <span className={`btn btn-disabled ${props.inverted ? 'btn-inverted' : ''}`} {...props}>{props.children}</span>
+    return <span className={`btn btn-disabled ${props.inverted === "true" ? 'btn-inverted' : ''}`} {...props}>{props.children}</span>
   } else {
-    return <Link className={`btn ${props.inverted ? 'btn-inverted' : ''}`} {...props}>{props.children}</Link>
+    return <Link className={`btn ${props.inverted === "true" ? 'btn-inverted' : ''}`} {...props}>{props.children}</Link>
   }
 }