✨ feat: create popup signIn

shared/widgets/navbar/components/Navbar.tsx

@@ -2,6 +2,8 @@
 import Image from "next/image";
 import NavigationLink from "./NavigationLink";
 import SignIn from "./SignIn";
+import { Dialog, DialogTrigger } from "@/shared/libs/shadcn/ui/dialog";
+import PopupWrapper from "../../signin/components/PopupWrapper";
 
 const Navbar = () => {
   return (

shared/widgets/navbar/components/SignIn.tsx

@@ -1,13 +1,22 @@
 import { Button } from "@/shared/libs/shadcn/ui/button";
+import { Dialog, DialogTrigger } from "@/shared/libs/shadcn/ui/dialog";
 import { LogIn } from "lucide-react";
+import PopupWrapper from "../../signin/components/PopupWrapper";
 
 const SignIn = () => {
   return (
     <div>
-      <Button className="cursor-pointer">
-        <LogIn />
-        Sign In
-      </Button>
+      <Dialog>
+        <form>
+          <DialogTrigger asChild>
+            <Button className="cursor-pointer">
+              <LogIn />
+              Sign In
+            </Button>
+          </DialogTrigger>
+          <PopupWrapper />
+        </form>
+      </Dialog>
     </div>
   );
 };