Disable login form ripple animations

job-tracker-ui/src/pages/LoginPage.tsx

@@ -90,13 +90,14 @@ export default function LoginPage() {
 
             <Box sx={{ display: "flex", alignItems: { xs: "flex-start", sm: "center" }, justifyContent: "space-between", gap: 1, flexWrap: "wrap" }}>
               <FormControlLabel
-                control={<Checkbox checked={rememberMe} onChange={(e) => setRememberMe(e.target.checked)} />}
+                control={<Checkbox disableRipple checked={rememberMe} onChange={(e) => setRememberMe(e.target.checked)} />}
                 label={t("rememberMe")}
               />
               <Button
                 type="button"
                 variant="text"
                 size="small"
+                disableRipple
                 onClick={() => navigate(`/forgot-password${email.trim() ? `?email=${encodeURIComponent(email.trim())}` : ""}`)}
                 sx={{ px: 0, minWidth: 0, fontWeight: 700, alignSelf: { xs: "stretch", sm: "auto" } }}
               >
@@ -110,11 +111,11 @@ export default function LoginPage() {
 
             <Box sx={{ display: "flex", gap: 1, justifyContent: "flex-end", mt: 1 }}>
               {allowReg && (
-                <Button type="button" variant="outlined" disabled={loading} onClick={() => void submit("register")}>
+                <Button type="button" variant="outlined" disableRipple disabled={loading} onClick={() => void submit("register")}>
                   {t("createAccount")}
                 </Button>
               )}
-              <Button type="submit" variant="contained" disabled={loading}>
+              <Button type="submit" variant="contained" disableRipple disabled={loading}>
                 {t("signInTitle")}
               </Button>
             </Box>