create sig in flow LO

src/routes/index.tsx

@@ -1,5 +1,7 @@
-import { TextLink } from "@/components/ui/text-link";
-import { createFileRoute } from "@tanstack/react-router";
+import { Chat } from "@/components/interaction-panel/chat";
+import { createFileRoute, Link } from "@tanstack/react-router";
+import LogoWithText from "@/icons/logo-with-text.svg?react";
+import { Button } from "@/components/ui/button";
 
 export const Route = createFileRoute("/")({
 	component: App,
@@ -7,8 +9,16 @@ export const Route = createFileRoute("/")({
 
 function App() {
 	return (
-		<div className="p-4">
-			<TextLink>Lable</TextLink>
+		<div className="h-full  pt-5">
+			<header className="px-10 h-[52px] flex items-center justify-between  absolute w-full">
+				<LogoWithText />
+				<Link to="/auth/mail" viewTransition={{ types: ["warp"] }}>
+					<Button className=" text-[18px] w-[106px] cursor-pointer">
+						Sign in
+					</Button>
+				</Link>
+			</header>
+			<Chat />
 		</div>
 	);
 }