Fixed issues with breadcrumbs and redirects of forgot password

frontend/src/components/navigation/NavHeader.tsx

@@ -25,6 +25,7 @@ export default function NavHeader({
   const [orgName, setOrgName] = useState('');
   const [workspaceName, setWorkspaceName] = useState('');
   const router = useRouter();
+  const projectId = String(router.query.id);
 
   useEffect(() => {
     (async () => {
@@ -35,12 +36,12 @@ export default function NavHeader({
       setOrgName(org.name);
 
       const workspace = await getProjectInfo({
-        projectId: String(router.query.id)
+        projectId
       });
       setWorkspaceName(workspace.name);
     })();
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  }, [projectId]);
 
   return (
     <div className="pt-20 ml-6 flex flex-row items-center">

frontend/src/const.ts

@@ -15,6 +15,8 @@ export const publicPaths = [
   `/privacy`,
   `/terms`,
   `/subprocessors`,
+  `/verify-email`,
+  `/password-reset`,
 ];
 
 export const languageMap = {

frontend/src/pages/verify-email.tsx

@@ -29,7 +29,7 @@ export default function VerifyEmail() {
         <title>Login</title>
         <link rel="icon" href="/infisical.ico" />
         <meta property="og:image" content="/images/message.png" />
-        <meta property="og:title" content="Log In to Infisical" />
+        <meta property="og:title" content="Verify your email in Infisical" />
         <meta
           name="og:description"
           content="Infisical a simple end-to-end encrypted platform that enables teams to sync and manage their .env files."