feat: add keycloak-js for arm

src/pages/arm/index.tsx

@@ -1,8 +1,30 @@
-import React from 'react';
+import React, { useEffect, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { AbsoluteCenter, Spinner } from '@chakra-ui/react';
 
 import LayoutArm from '../../components/LayoutArm';
+import authLogin from '../../keycloak';
+import { URLs } from '../../__data__/urls';
+
 
 const Page = () => {
+  const [user, setUser] = useState(null);
+
+  const navigate = useNavigate();
+
+  useEffect(() => {
+    authLogin({ redirect: () => navigate(URLs.landing.url) }).then((user) =>
+      setUser(user),
+    );
+  }, []);
+
+  if (!user)
+    return (
+      <AbsoluteCenter>
+        <Spinner />
+      </AbsoluteCenter>
+    );
+
   return <LayoutArm />;
 };