refactor: button to allow html attributes & refactor class names (#956)

app/assets/javascripts/components/Preferences/panes/extensions-segments/ConfirmCustomExtension.tsx

@@ -56,7 +56,7 @@ export const ConfirmCustomExtension: FunctionComponent<{
       <div className="flex flex-row">
         <Button
           className="min-w-20"
-          type="normal"
+          variant="normal"
           label="Cancel"
           onClick={() => callback(false)}
         />
@@ -65,7 +65,7 @@ export const ConfirmCustomExtension: FunctionComponent<{
 
         <Button
           className="min-w-20"
-          type="normal"
+          variant="normal"
           label="Install"
           onClick={() => callback(true)}
         />

app/assets/javascripts/components/Preferences/panes/extensions-segments/ExtensionItem.tsx

@@ -104,7 +104,7 @@ export const ExtensionItem: FunctionComponent<ExtensionItemProps> = ({
         <div className="flex flex-row">
           <Button
             className="min-w-20"
-            type="normal"
+            variant="normal"
             label="Uninstall"
             onClick={() => uninstall(extension)}
           />