feat: secret should be required in production

src/components/base/secret.tsx

@@ -1,33 +1,29 @@
-import {
-  IconButton,
-  InputAdornment,
-  TextField,
-  TextFieldProps,
-} from "@mui/material";
+import { IconButton, InputAdornment, TextField, TextFieldProps } from "@mui/material";
 import { useState } from "react";
 import { Visibility, VisibilityOff } from "@mui/icons-material";
 
 export default function Secret(props: TextFieldProps) {
-  const { name = "secret", label = "Secret" } = props;
-  const [showSecret, setShowSecret] = useState(false);
+	const { name = "secret", label = "Secret", required = false } = props;
+	const [showSecret, setShowSecret] = useState(false);
 
-  const handleShowSecret = () => setShowSecret(!showSecret);
+	const handleShowSecret = () => setShowSecret(!showSecret);
 
-  return (
-    <TextField
-      variant="filled"
-      label={label}
-      name={name}
-      type={showSecret ? "text" : "password"}
-      InputProps={{
-        endAdornment: (
-          <InputAdornment position="end">
-            <IconButton onClick={handleShowSecret}>
-              {showSecret ? <Visibility /> : <VisibilityOff />}
-            </IconButton>
-          </InputAdornment>
-        ),
-      }}
-    />
-  );
+	return (
+		<TextField
+			variant="filled"
+			label={label}
+			name={name}
+			type={showSecret ? "text" : "password"}
+			required
+			InputProps={{
+				endAdornment: (
+					<InputAdornment position="end">
+						<IconButton onClick={handleShowSecret}>
+							{showSecret ? <Visibility /> : <VisibilityOff />}
+						</IconButton>
+					</InputAdornment>
+				),
+			}}
+		/>
+	);
 }