feat: enhance ProfileForm with team search and dropdown functionality

- Added search functionality to filter teams by name or direction in the ProfileForm component.
- Implemented a custom dropdown for team selection, including dynamic positioning based on available space.
- Integrated click outside detection to close the dropdown when interacting outside of it.
- Updated navigation component to use a Link for user info display, improving accessibility and interaction.

components/layout/navigation.tsx

@@ -67,7 +67,10 @@ export function Navigation({ userInfo }: NavigationProps = {}) {
 
         <div className="flex items-center space-x-4">
           {userInfo && (
-            <div className="flex items-center gap-3 px-3 py-2 rounded-lg bg-muted/50">
+            <Link
+              href="/login"
+              className="flex items-center gap-3 px-3 py-2 rounded-lg bg-muted/50 hover:bg-muted/70 transition-colors cursor-pointer"
+            >
               <div className="w-8 h-8 rounded-full bg-primary/20 border border-primary/30 flex items-center justify-center">
                 <User className="h-4 w-4 text-primary" />
               </div>
@@ -79,7 +82,7 @@ export function Navigation({ userInfo }: NavigationProps = {}) {
                   {userInfo.teamName}
                 </p>
               </div>
-            </div>
+            </Link>
           )}
           <ThemeToggle />
         </div>