fix: minor fixes

package.json

@@ -75,7 +75,6 @@
     "styled-reset": "^4.4.1",
     "terser-webpack-plugin": "^5.3.3",
     "tippy.js": "^6.3.7",
-    "uuid": "^8.3.2",
     "webpack": "^5.73.0",
     "webpack-dev-server": "^4.9.1",
     "webpack-manifest-plugin": "^5.0.0",

src/common/component/styled/Radio.js

@@ -1,6 +1,6 @@
-import styled from "styled-components";
-import { v4 as UUIDv4 } from "uuid";
 import { useRef, useState } from "react";
+import styled from "styled-components";
+import { nanoid } from "@reduxjs/toolkit";
 
 const StyledForm = styled.form`
  > .option {
@@ -66,7 +66,7 @@ const StyledForm = styled.form`
 
 export default function Radio({ options, value = undefined, onChange = undefined }) {
  const [innerValue, setInnerValue] = useState(0);
- const id = useRef(UUIDv4());
+ const id = useRef(nanoid());
 
  return (
   <StyledForm>

src/routes/onboarding/steps/6-completed.js

@@ -37,7 +37,7 @@ export default function CompletedStep({ data, setStep }) {
    </span>
    <StyledButton className="startButton" onClick={() => setStep((prev) => prev + 1)}>
     <img src={PlayIcon} alt="play icon" />
-    <span>Start</span>
+    <span>Enter</span>
    </StyledButton>
   </StyledLastStep>
  );