Added create site page

frontend/src/components/navbar.tsx

@@ -2,6 +2,7 @@ import { Logo } from '@/components/logo';
 import { NavMenu } from '@/components/nav-menu';
 import { NavigationSheet } from '@/components/navigation-sheet';
 import { Avatar, AvatarFallback, AvatarImage } from './ui/avatar';
+import { Link } from 'react-router';
 
 interface NavbarProps {
     userName?: string;
@@ -12,7 +13,9 @@ const Navbar = ({ userName, profilePictureUrl }: NavbarProps) => {
     return (
         <nav className="inset-x-4 my-6 mx-auto h-16 max-w-(--breakpoint-xl) rounded-full border bg-background">
             <div className="mx-auto flex h-full items-center justify-between px-4">
-                <Logo />
+                <Link to="/">
+                    <Logo />
+                </Link>
 
                 {/* Desktop Menu */}
                 <NavMenu className="hidden md:block" />