feat(auth): Add Authorization Code Flow and new Keycloak recipes with new video tutorials (#4234)

Co-authored-by: Alireza <ar.sedghi@gmail.com>

platform/app/src/routes/CallbackPage.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 
 function CallbackPage({ userManager, onRedirectSuccess }) {
@@ -6,10 +6,12 @@ function CallbackPage({ userManager, onRedirectSuccess }) {
     throw new Error(error);
   };
 
-  userManager
-    .signinRedirectCallback()
-    .then(user => onRedirectSuccess(user))
-    .catch(error => onRedirectError(error));
+  useEffect(() => {
+    userManager
+      .signinRedirectCallback()
+      .then(user => onRedirectSuccess(user))
+      .catch(error => onRedirectError(error));
+  }, [userManager, onRedirectSuccess]);
 
   return null;
 }