Fix nx lint setup (#3234)

* Fix nx lint setup

* Fixes

* Fixes

* Add missing metadata

Fixes

Fix

Fixes

* Fix

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

@@ -1,65 +1,68 @@
-'use client'
+'use client';
 
 import styled from '@emotion/styled';
 import Link from 'next/link';
 
 export interface User {
-    login: string;
-    avatarUrl: string;
-  }
-  
+  login: string;
+  avatarUrl: string;
+}
 
 const AvatarGridContainer = styled.div`
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
-    grid-gap: 10px;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
+  grid-gap: 10px;
 `;
 
 const AvatarItem = styled.div`
-    position: relative;
+  position: relative;
+  width: 100%;
+
+  img {
     width: 100%;
+    height: auto;
+    display: block;
+  }
 
-    img {
-        width: 100%;
-        height: auto;
-        display: block;
-    }
+  .username {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    background-color: rgba(0, 0, 0, 0.7);
+    color: white;
+    text-align: center;
+    visibility: hidden;
+    opacity: 0;
+    transition:
+      opacity 0.3s ease,
+      visibility 0.3s;
+  }
 
-    .username {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        width: 100%;
-        background-color: rgba(0, 0, 0, 0.7);
-        color: white;
-        text-align: center;
-        visibility: hidden;
-        opacity: 0;
-        transition: opacity 0.3s ease, visibility 0.3s;
-    }
-
-    &:hover .username {
-        visibility: visible;
-        opacity: 1;
-    }
+  &:hover .username {
+    visibility: visible;
+    opacity: 1;
+  }
 `;
 
 import React from 'react';
 
-
 const AvatarGrid = ({ users }: { users: User[] }) => {
-    return (
-        <AvatarGridContainer>
-            {users.map(user => (
-                <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>
-    );
+  return (
+    <AvatarGridContainer>
+      {users.map((user) => (
+        <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>
+  );
 };
 
 export default AvatarGrid;

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

@@ -1,10 +1,11 @@
 'use client';
 
 import styled from '@emotion/styled';
-import { Logo } from './Logo';
-import { DiscordIcon, GithubIcon2, LinkedInIcon, XIcon } from './Icons';
 import { usePathname } from 'next/navigation';
 
+import { DiscordIcon, GithubIcon2, LinkedInIcon, XIcon } from './Icons';
+import { Logo } from './Logo';
+
 const FooterContainer = styled.div`
   padding: 64px 96px 64px 96px;
   display: flex;

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

@@ -1,12 +1,14 @@
 'use client';
 
 import styled from '@emotion/styled';
-import { Logo } from './Logo';
 import { IBM_Plex_Mono } from 'next/font/google';
-import { DiscordIcon, GithubIcon, GithubIcon2, XIcon } from './Icons';
 import { usePathname } from 'next/navigation';
+
 import { ExternalArrow } from '@/app/components/ExternalArrow';
 
+import { DiscordIcon, GithubIcon, GithubIcon2, XIcon } from './Icons';
+import { Logo } from './Logo';
+
 const IBMPlexMono = IBM_Plex_Mono({
   weight: '500',
   subsets: ['latin'],

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

@@ -1,12 +1,14 @@
 'use client';
 
-import styled from '@emotion/styled';
-import { Logo } from './Logo';
-import { IBM_Plex_Mono } from 'next/font/google';
-import { GithubIcon } from './Icons';
 import { useState } from 'react';
+import styled from '@emotion/styled';
+import { IBM_Plex_Mono } from 'next/font/google';
+
 import { ExternalArrow } from '@/app/components/ExternalArrow';
 
+import { GithubIcon } from './Icons';
+import { Logo } from './Logo';
+
 const IBMPlexMono = IBM_Plex_Mono({
   weight: '500',
   subsets: ['latin'],

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

@@ -1,7 +1,8 @@
+import React, { ReactNode, useState } from 'react';
+
 import TokenForm, {
   TokenFormProps,
 } from '@/app/components/PlaygroundTokenForm';
-import React, { ReactNode, useState } from 'react';
 
 type PlaygroundProps = TokenFormProps & {
   children?: ReactNode;

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

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
-import { parseJson } from 'nx/src/utils/json';
 import { TbLoader2 } from 'react-icons/tb';
 import styled from '@emotion/styled';
+import { parseJson } from 'nx/src/utils/json';
 
 export type TokenFormProps = {
   setOpenApiJson?: (json: object) => void;