install shadcdn and move login dialog to a separate component

crawler/frontend/src/components/LoginModal.tsx

@@ -0,0 +1,33 @@
+import { login } from '@/auth/authService';
+import { Button } from "@/components/ui/button";
+import React from 'react';
+import '../assets/LoginModal.css';
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from './ui/dialog';
+
+
+interface ModalProps {
+    isOpen: boolean;
+}
+
+const Modal: React.FC<ModalProps> = ({
+    isOpen,
+}) => {
+    if (!isOpen) return null;
+
+    return (
+        <Dialog open={isOpen}>
+            <form>
+                <DialogContent className="sm:max-w-[425px]">
+                    <DialogHeader>
+                        <DialogTitle>Login to Wrongmove</DialogTitle>
+                    </DialogHeader>
+                    <DialogFooter>
+                        <Button onClick={login}>Login</Button>
+                    </DialogFooter>
+                </DialogContent>
+            </form>
+        </Dialog>
+    )
+};
+
+export default Modal;