Created seperate logo component

client/components/login/LoginModal.tsx

@@ -1,5 +1,6 @@
 import { Dialog, Tab } from "@headlessui/react"
 import { FC } from "react"
+import Logo from "../common/Logo"
 
 import LoginForm from "./LoginForm"
 import LoginModalTab from "./LoginModalTab"
@@ -18,12 +19,7 @@ const LoginModal: FC<LoginModelProps> = ({ defaultPage, isOpen, onClose }) => {
         <Dialog.Panel className="bg-zinc-900 text-gray-100 w-[420px] rounded-md py-12 px-6">
           <div className="flex flex-row items-center justify-center">
             <Dialog.Title className="text-xl">
-              <img
-                src="./assets/images/logo.png"
-                className="inline w-12 h-12"
-                alt="logo"
-              />{" "}
-              Log in to twitch-clone
+              <Logo className="inline w-12 h-12" /> Log in to twitch-clone
             </Dialog.Title>
           </div>
           <Tab.Group defaultIndex={defaultPage}>