Refactor Chat and Navbar components

Author: deepraj21

client/src/components/Chat/chat.tsx

@@ -17,7 +17,7 @@ interface Message {
 	isTypingFinished?: boolean // Track typing completion per message
 }
 
-export default function Chat() {
+export function Chat() {
 	const [messages, setMessages] = useState<Array<Message>>([])
 	const scrollAreaRef = useRef<HTMLDivElement>(null)
 

client/src/components/Navbar/navbar.tsx

@@ -15,7 +15,7 @@ interface Link {
   to: string;
 }
 
-export default function Navbar() {
+export function Navbar() {
   const links: Link[] = [
     {
       title: "Home",

client/src/pages/Home.tsx

@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
-import Chat  from '@/components/Chat/Chat';
+import { Chat } from '@/components/Chat/Chat';
 
 const Home = () => {
   const navigate = useNavigate();

client/src/pages/Landing.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { HoverBorderGradient } from "@/components/ui/hover-border-gradient";
 import Footer from '@/components/Footer/Footer';
-import Navbar from "@/components/Navbar/Navbar";
+import { Navbar } from "@/components/Navbar/Navbar";
 import { Hero } from '@/components/Hero/Hero';
 import { Cover } from '@/components/ui/cover';
 import { useEffect } from 'react';