User guide layout (#5016)

- Modified CSS: font-size, colors, margins...

- Added an ArticleContent Component that will be used for the changelog
and user guide articles, which contains the styles for each titles,
paragraphs, images etc.

- Added link to User Guide in footer

- Added a UserGuideWarning Component: 

<img width="332" alt="Screenshot 2024-04-17 at 18 14 48"
src="https://github.com/twentyhq/twenty/assets/102751374/0f5c601b-a2c0-4c63-baeb-1990d65fc332">

- Added a UserGuideEditContent Component:

<img width="394" alt="Screenshot 2024-04-17 at 18 16 24"
src="https://github.com/twentyhq/twenty/assets/102751374/6c7c3bd4-c5bb-4d02-8f93-bd99bc30ce7b">

- Added a UserGuideLink Component (for usage in MDX to allow links to
open in new tab)

- Fixed table of content

- Made responsive

---------

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

packages/twenty-website/src/content/user-guide/glossary.mdx

@@ -5,39 +5,41 @@ icon: IconVocabulary
 image: /images/user-guide/placeholder-header.png
 ---
 
-# Company & People
+## Company & People
 The CRM has two fundamental types of records:
 - A `Company` represents a business or organization.
 - `People` represent your company's current and prospective customers or clients.
 
-# Kanban
+## Kanban
 A `Kanban` is a way to track a business process. Pipelines are present within a *module* and have *stages*:
 - A **module** has the logic for a certain business process (for example: sales, recruiting).
 - **Stages** map the steps in your process (for example: new, ongoing, won, lost).
 
-# Views 
+## Views 
 You can customize the display of your records using views, setting different filters and sorting options for each view.
 
-# Workspace
+## Workspace
 A `Workspace` typically represents a company using Twenty. It holds all the records and data that you and your team members add to Twenty.   
 It has a single domain name, which is typically the domain name your company uses for employee email addresses.
 
 Sure, here is the glossary in the requested markdown format:
 
-# Field 
+## Field 
 A field refers to a specific area where particular data is stored for an entity.
 
-# Record 
+## Record 
 A Record indicates an instance of an object, like a specific account or contact.
 
-# Tasks 
+## Tasks 
 Tasks in Twenty CRM are assigned activities relating to contacts, accounts, or opportunities.
 
-# Opportunities 
+## Opportunities 
 Opportunities in Twenty CRM are potential deals or sales with accounts or contacts.
 
-# Integration 
+## Integration 
 Integration are built-in tools that allow to link Twenty with other software or systems.
 
-# User Profile
-A User Profile is the information and settings specific to a workspace member in Twenty.
+## User Profile
+A User Profile is the information and settings specific to a workspace member in Twenty.
+
+<ArticleEditContent articleTitle="glossary.mdx"></ArticleEditContent>