Add page for creating validator

src/App.tsx

@@ -11,6 +11,7 @@ import UserVerification from "./pages/UserVerification";
 import TermsAndConditions from "./pages/TermsAndConditions";
 import Header from "./components/Header";
 import { WalletConnectProvider } from "./context/WalletConnectContext";
+import CreateValidator from "./pages/CreateValidator";
 
 function App() {
   return (
@@ -34,6 +35,10 @@ function App() {
               path="/onboarding-success"
               element={<OnboardingSuccess />}
             ></Route>
+            <Route
+              path="/validator"
+              element={<CreateValidator />}
+            ></Route>
           </Route>
           <Route path="*" element={<PageNotFound />} />
         </Routes>

src/pages/CreateValidator.tsx

@@ -0,0 +1,27 @@
+import { Box, MenuItem, Select, Typography } from '@mui/material'
+import React from 'react'
+import { useWalletConnectContext } from '../context/WalletConnectContext'
+import { useNavigate } from 'react-router-dom';
+
+const CreateValidator = () => {
+  const {session} = useWalletConnectContext();
+  const navigate = useNavigate();
+  if (!session){
+    navigate("/connect-wallet")
+  }
+  return (
+    <Box
+      sx={{
+        display: "flex",
+        flexDirection: "column",
+        marginTop: 6,
+        gap: 1,
+      }}
+    >
+      <Typography variant="h5">Create a validator</Typography>
+      <Typography variant="body1">Select Laconic account:</Typography>
+    </Box>
+  )
+}
+
+export default CreateValidator