Make community and chatbot features visible after logout

Add LoginModal component and integrate it into MediaOutlet and Community pages. Adjust button click handlers to conditionally open the login modal if the user is not authenticated.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9a264234-c5d7-4dcc-adf3-a954b149b30d
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/9a264234-c5d7-4dcc-adf3-a954b149b30d/d35d7YU

client/src/pages/Community.tsx

@@ -13,6 +13,7 @@ import { Eye, MessageCircle, ThumbsUp, Pin, Search, Info, Settings, User, LogOut
 import type { MediaOutlet, CommunityPost } from "@shared/schema";
 import { queryClient, apiRequest } from "@/lib/queryClient";
 import SearchModal from "@/components/SearchModal";
+import LoginModal from "@/components/LoginModal";
 
 export default function Community() {
   const [, params] = useRoute("/media/:slug/community");
@@ -22,6 +23,7 @@ export default function Community() {
   const [sortBy, setSortBy] = useState("latest");
   const [searchTerm, setSearchTerm] = useState("");
   const [isSearchModalOpen, setIsSearchModalOpen] = useState(false);
+  const [isLoginModalOpen, setIsLoginModalOpen] = useState(false);
   const [enlargedImage, setEnlargedImage] = useState<string | null>(null);
 
   const slug = params?.slug || '';
@@ -238,7 +240,15 @@ export default function Community() {
           
           <Dialog open={isNewPostOpen} onOpenChange={setIsNewPostOpen}>
             <DialogTrigger asChild>
-              <Button data-testid="button-new-post">
+              <Button 
+                onClick={(e) => {
+                  if (!isAuthenticated) {
+                    e.preventDefault();
+                    setIsLoginModalOpen(true);
+                  }
+                }}
+                data-testid="button-new-post"
+              >
                 글쓰기
               </Button>
             </DialogTrigger>
@@ -434,6 +444,11 @@ export default function Community() {
           </div>
         )}
       </main>
+
+      <LoginModal 
+        isOpen={isLoginModalOpen} 
+        onClose={() => setIsLoginModalOpen(false)} 
+      />
     </div>
   );
 }

client/src/pages/MediaOutlet.tsx

@@ -253,8 +253,6 @@ export default function MediaOutlet() {
                 />
               </div>
               
-              {isAuthenticated && user ? (
-                <>
               <Button 
                 variant="ghost" 
                 size="sm"
@@ -276,13 +274,21 @@ export default function MediaOutlet() {
               <Button 
                 variant="ghost" 
                 size="sm"
-                    onClick={() => setIsChatbotOpen(true)}
+                onClick={() => {
+                  if (isAuthenticated) {
+                    setIsChatbotOpen(true);
+                  } else {
+                    setIsLoginModalOpen(true);
+                  }
+                }}
                 data-testid="button-chatbot"
               >
                 <MessageCircle className="h-4 w-4 mr-1" />
                 Chat
               </Button>
               
+              {isAuthenticated && user ? (
+                <>
                   <Button 
                     variant="ghost" 
                     size="sm"