Added Themes

src/components/navbar.tsx

@@ -6,6 +6,7 @@ import { Button } from './ui/button'
 import { useState } from 'react'
 import Sidebar from './sidebar'
 import Link from 'next/link' // Import the Link component
+import { ModeToggle } from "./ThemeSwitch";
 
 export default function Navbar() {
   const [open, setOpen] = useState(false)
@@ -17,8 +18,9 @@ export default function Navbar() {
     <div className="w-screen fixed h-14 border-b flex items-center px-4">
       <div className="flex items-center gap-3">
         <Button onClick={() => setOpen(true)} size="icon" variant="ghost">
-          <Lucide.Menu className="h-7 w-7" />
+                <Lucide.Menu className="h-7 w-7" />
         </Button>
+        <ModeToggle />
         {/* Wrap the logo and text in a Link */}
         <Link href="/" className="flex items-center gap-2">
           <Lucide.Radius className="h-8 w-8 rotate-180" />