Added CSRF & YouTube and dark mode

frontend/components/nav-bar.tsx

@@ -68,7 +68,7 @@ const subMenuItemsTwo = [
 
 const Navbar = () => {
 	return (
-		<section className="p-4 bg-white top-0 sticky z-50">
+		<section className="sticky top-0 z-50 bg-background p-4">
 			<div>
 				<nav className="hidden justify-between lg:flex">
 					<div className="flex items-center gap-6">
@@ -103,7 +103,7 @@ const Navbar = () => {
 										variant: "ghost",
 									}),
 								)}
-								href="/"
+								href="/planning"
 							>
 								Planning
 							</a>