feat: sync the isVerified state of authed user

packages/webapp/src/components/Guards/EnsureAuthenticated.tsx

@@ -0,0 +1,22 @@
+// @ts-nocheck
+import React from 'react';
+import { Redirect } from 'react-router-dom';
+import { useIsAuthenticated } from '@/hooks/state';
+
+interface EnsureAuthenticatedProps {
+  children: React.ReactNode;
+  redirectTo?: string;
+}
+
+export function EnsureAuthenticated({
+  children,
+  redirectTo = '/auth/login',
+}: EnsureAuthenticatedProps) {
+  const isAuthenticated = useIsAuthenticated();
+
+  return isAuthenticated ? (
+    <>{children}</>
+  ) : (
+    <Redirect to={{ pathname: redirectTo }} />
+  );
+}