responsive navbar

src/app/_components/ThemeIcon.tsx

@@ -0,0 +1,13 @@
+'use client'
+
+import { Moon, Sun } from "lucide-react"
+import { useEffect } from "react"
+type Props = {activeTheme:string|undefined}
+const ThemeIcon = (props:Props) => {
+  if (props.activeTheme == "dark") {
+    return (<Sun/>)
+  } else {
+    return (<Moon/>)
+  }
+}
+export default ThemeIcon;