удалил package-lock

frontend/src/app/components/InputField.tsx

@@ -40,10 +40,7 @@ export default function InputField({ name, value, onChange }: Props) {
                 </Typography>
             </Grid2>
 
-      <Grid2
-        size={name === "Password" ? 6 : 8}
-        sx={{ "@media (max-width: 900px)": { width: "100%" } }}
-      >
+            <Grid2 size={name === "Password" ? 6 : 8} sx={{ "@media (max-width: 900px)": { width: "100%" } }}>
                 <TextField
                     fullWidth
                     multiline={name !== "Password"}

frontend/src/app/page.tsx

@@ -57,11 +57,7 @@ export default function Home() {
                     paddingY={2}
                 >
                     <Grid2 container direction="column" spacing={2}>
-            <InputField
-              name="Decoded"
-              value={formData.decoded}
-              onChange={onInputChangeHandler}
-            />
+                        <InputField name="Decoded" value={formData.decoded} onChange={onInputChangeHandler} />
                         <Grid2
                             container
                             alignItems="center"
@@ -73,19 +69,11 @@ export default function Home() {
                             }}
                         >
                             <Grid2 size={7}>
-                <InputField
-                  name="Password"
-                  value={formData.password}
-                  onChange={onInputChangeHandler}
-                />
+                                <InputField name="Password" value={formData.password} onChange={onInputChangeHandler} />
                             </Grid2>
                             <Grid2 container justifyContent={{}}>
                                 <Grid2>
-                  <Button
-                    size="small"
-                    variant="contained"
-                    startIcon={<ArrowDownwardIcon />}
-                  >
+                                    <Button size="small" variant="contained" startIcon={<ArrowDownwardIcon />}>
                                         <Typography
                                             sx={{
                                                 display: { xs: "none", md: "inline" },
@@ -100,9 +88,7 @@ export default function Home() {
                                     <Button
                                         size="small"
                                         variant="contained"
-                    startIcon={
-                      <ArrowDownwardIcon sx={{ transform: "rotate(180deg)" }} />
-                    }
+                                        startIcon={<ArrowDownwardIcon sx={{ transform: "rotate(180deg)" }} />}
                                     >
                                         <Typography
                                             sx={{
@@ -116,11 +102,7 @@ export default function Home() {
                             </Grid2>
                         </Grid2>
 
-            <InputField
-              name="Encoded"
-              value={formData.encoded}
-              onChange={onInputChangeHandler}
-            />
+                        <InputField name="Encoded" value={formData.encoded} onChange={onInputChangeHandler} />
                     </Grid2>
                 </Box>
             </Container>