Add method for get passPhrase and generation hex for account logo

src/pages/Onboarding1.jsx

@@ -1,11 +1,20 @@
-import React from 'react';
+import React, {useEffect} from 'react';
 import { Link } from 'react-router-dom';
 
 import OnboardingImage from '../images/onboarding-image.jpg';
 import OnboardingDecoration from '../images/auth-decoration.png';
 import Logo from "../images/logo.png";
+import {observer} from "mobx-react-lite";
+import {passphrase} from "@liskhq/lisk-client";
+import {registrationStore} from "../store/registrationStore";
+
+const Onboarding1 = observer(()=>{
+  let phrase = passphrase.Mnemonic.generateMnemonic()
+  registrationStore.savePassPhrase(phrase)
+  useEffect(()=>{
+
+  },[])
 
-function Onboarding1() {
   return (
     <main className="bg-white">
 
@@ -127,6 +136,6 @@ function Onboarding1() {
 
     </main>
   );
-}
+})
 
 export default Onboarding1;