Website improvements 4 (#3182)

* Add contributor individual page

* Improve mobile menu

* Fix

* Remove yarn.lock from twenty-website

* Add yarn to gitingore

* Fix linter

packages/twenty-website/src/app/components/AvatarGrid.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import styled from '@emotion/styled';
+import Link from 'next/link';
 
 export interface User {
     login: string;
@@ -50,10 +51,12 @@ const AvatarGrid = ({ users }: { users: User[] }) => {
     return (
         <AvatarGridContainer>
             {users.map(user => (
-                <AvatarItem key={user.login}>
-                    <img src={user.avatarUrl} alt={user.login} />
-                    <span className="username">{user.login}</span>
-                </AvatarItem>
+                <Link href={`/developers/contributors/${user.login}`} key={`l_${user.login}`}>
+                    <AvatarItem key={user.login}>
+                        <img src={user.avatarUrl} alt={user.login} />
+                        <span className="username">{user.login}</span>
+                    </AvatarItem>
+                </Link>
             ))}
         </AvatarGridContainer>
     );

packages/twenty-website/src/app/components/HeaderMobile.tsx

@@ -33,6 +33,7 @@ const Nav = styled.nav`
 const LinkList = styled.div`
   display: flex;
   flex-direction: column;
+  gap: 16px;
 `;
 
 const ListItem = styled.a`
@@ -164,6 +165,13 @@ const HamburgerLine2 = styled.div`
 const NavOpen = styled.div`
   flex-direction: column;
   align-items: center;
+  position: fixed;
+  inset: 0px;
+  top: 63px;
+  background-color: #fff;
+  gap: 33px;
+  padding-top: 32px;
+  z-index: 100;
 `;
 
 const MobileMenu = styled.div`