feat(frontend): show page when login fails

frontend/src/components/LoginFailure.tsx

@@ -0,0 +1,25 @@
+import React from "react";
+import { useQuery } from "../hooks/use-query";
+
+export const LoginFailure: React.FC = () => {
+  const query = useQuery();
+
+  const source = query.get("source");
+  const reason = query.get("reason");
+
+  return (
+    <div
+      className="bg-orange-100 border-l-4 border-orange-500 text-orange-700 p-4 m-8"
+      role="alert"
+    >
+      <p className="font-bold">Login Failure</p>
+      <p>Something not ideal might be happening.</p>
+      <p className="m-5 bg-gray-100 p-5">
+        <ul className="text-xs text-gray-700 font-mono">
+          <li>Source: {source}</li>
+          <li>Reason: {reason}</li>
+        </ul>
+      </p>
+    </div>
+  );
+};