Add a static login footer that prompts login, disable input box without auth

src/interface/web/app/page.tsx

@@ -34,6 +34,7 @@ import { useRouter, useSearchParams } from "next/navigation";
 import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
 import { AgentCard } from "@/app/components/agentCard/agentCard";
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
+import LoginPopup from "./components/loginPrompt/loginPopup";
 
 interface ChatBodyDataProps {
     chatOptionsData: ChatOptions | null;
@@ -221,6 +222,12 @@ function ChatBodyData(props: ChatBodyDataProps) {
                     loginRedirectMessage={"Login to your second brain"}
                 />
             )}
+            {!props.isLoggedIn && (
+                <LoginPopup
+                    isMobileWidth={props.isMobileWidth}
+                    setShowLoginPrompt={setShowLoginPrompt}
+                />
+            )}
             <div className={`w-full text-center justify-end content-end`}>
                 <div className="items-center">
                     <h1 className="text-2xl md:text-3xl text-center w-fit pb-6 px-4 mx-auto">