Text-to-SQL proof of concept (#5788)

Added:
- An "Ask AI" command to the command menu.
- A simple GraphQL resolver that converts the user's question into a
relevant SQL query using an LLM, runs the query, and returns the result.

<img width="428" alt="Screenshot 2024-06-09 at 20 53 09"
src="https://github.com/twentyhq/twenty/assets/171685816/57127f37-d4a6-498d-b253-733ffa0d209f">

No security concerns have been addressed, this is only a
proof-of-concept and not intended to be enabled in production.

All changes are behind a feature flag called `IS_ASK_AI_ENABLED`.

---------

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

packages/twenty-front/src/modules/ui/layout/tab/components/Tab.tsx

@@ -11,7 +11,7 @@ type TabProps = {
   className?: string;
   onClick?: () => void;
   disabled?: boolean;
-  hasBetaPill?: boolean;
+  pill?: string;
 };
 
 const StyledTab = styled.div<{ active?: boolean; disabled?: boolean }>`
@@ -59,7 +59,7 @@ export const Tab = ({
   onClick,
   className,
   disabled,
-  hasBetaPill,
+  pill,
 }: TabProps) => {
   const theme = useTheme();
   return (
@@ -73,7 +73,7 @@ export const Tab = ({
       <StyledHover>
         {Icon && <Icon size={theme.icon.size.md} />}
         {title}
-        {hasBetaPill && <Pill label="Beta" />}
+        {pill && <Pill label={pill} />}
       </StyledHover>
     </StyledTab>
   );

packages/twenty-front/src/modules/ui/layout/tab/components/TabList.tsx

@@ -15,7 +15,7 @@ type SingleTabProps = {
   id: string;
   hide?: boolean;
   disabled?: boolean;
-  hasBetaPill?: boolean;
+  pill?: string;
 };
 
 type TabListProps = {
@@ -62,7 +62,7 @@ export const TabList = ({ tabs, tabListId, loading }: TabListProps) => {
                   setActiveTabId(tab.id);
                 }}
                 disabled={tab.disabled ?? loading}
-                hasBetaPill={tab.hasBetaPill}
+                pill={tab.pill}
               />
             ))}
         </StyledContainer>