👔 complete handler callback

Complete the logic checking and loading on the OAuth module callback handler.

shared/auth/ui/SecurityCheckup.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+
+const SecurityCheckup = () => {
+  return (
+    <div className="flex justify-center">
+      <div className="max-w-[60vh]">
+        <h1 className="mt-[20vh] text-2xl text-center">Please wait...</h1>
+        <p className="mt-4 text-sm text-center text-neutral-400">
+          We want to ensure a secure authentication environment before
+          proceeding for your safety.
+        </p>
+      </div>
+    </div>
+  );
+};
+
+export default SecurityCheckup;

shared/auth/ui/SecurityCheckupFailed.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+
+const SecurityCheckupFailed = () => {
+  return (
+    <div className="flex justify-center">
+      <div className="max-w-[60vh]">
+        <h1 className="mt-[20vh] text-2xl text-center text-red-400">
+          Your browser is not secure
+        </h1>
+        <p className="mt-4 text-sm text-center text-neutral-400">
+          Sorry, we had to stop the authentication process and return you to the
+          home page because your browser environment is not secure.
+        </p>
+      </div>
+    </div>
+  );
+};
+
+export default SecurityCheckupFailed;