Docs modifications (#5804)

- Fixes #5504
- Fixes #5503
- Return 404 when the page does not exist
- Modified the footer in order to align it properly
- Removed "noticed something to change" in each table of content
- Fixed the URLs of the edit module 
- Added the edit module to Developers
- Fixed header style on the REST API page.
- Edited the README to point to Developers
- Fixed selected state when clicking on sidebar elements

---------

Co-authored-by: Félix Malfait <felix.malfait@gmail.com>

packages/twenty-website/src/app/_components/contributors/AvatarGrid.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import styled from '@emotion/styled';
-import Image from 'next/image';
 import Link from 'next/link';
 
 import MotionContainer from '@/app/_components/ui/layout/LoaderAnimation';
@@ -11,6 +10,15 @@ export interface User {
   avatarUrl: string;
 }
 
+const StyledImg = styled.img`
+  width: 100%; // Adjust width as needed
+  height: 100%; // Adjust height as needed
+  object-fit: cover; // Keeps the aspect ratio and covers the area
+  position: absolute; // Similar to layout="fill" in Next Image
+  top: 0;
+  left: 0;
+`;
+
 const AvatarGridContainer = styled.div`
   margin: 0 auto;
   max-width: 1024px;
@@ -73,12 +81,7 @@ const AvatarGrid = ({ users }: { users: User[] }) => {
             prefetch={false}
           >
             <AvatarItem key={user.id}>
-              <Image
-                src={user.avatarUrl}
-                alt={user.id}
-                layout="fill"
-                objectFit="cover"
-              />
+              <StyledImg src={user.avatarUrl} alt={user.id} />
               <span className="username">{user.id}</span>
             </AvatarItem>
           </Link>

packages/twenty-website/src/app/_components/contributors/ProfileCard.tsx

@@ -2,7 +2,6 @@
 
 import styled from '@emotion/styled';
 import { format } from 'date-fns';
-import Image from 'next/image';
 
 import { GithubIcon } from '@/app/_components/ui/icons/SvgIcons';
 
@@ -90,7 +89,7 @@ export const ProfileCard = ({
   return (
     <ProfileContainer>
       <Avatar>
-        <Image src={avatarUrl} alt={username} width={100} height={100} />
+        <img src={avatarUrl} alt={username} width={100} height={100} />
       </Avatar>
       <Details>
         <h3 className="username">