📝 Add nocodb block videos into docs

apps/docs/contribute/guides/create-block.mdx

@@ -3,7 +3,7 @@ title: Create a new block
 icon: screwdriver-wrench
 ---
 
-import { LoomVideo } from '/snippets/loom-video.mdx'
+import { YoutubeVideo } from '/snippets/youtube-video.mdx'
 
 <Frame style={{ maxWidth: '400px' }}>
   <img
@@ -43,14 +43,16 @@ Creating a new block on Typebot is pretty easy and straightforward using our in-
 
 Make sure to check out other blocks implementations in the [packages/forge/blocks](https://github.com/baptisteArno/typebot.io/tree/main/packages/forge/blocks) folder.
 
-## Live tutorials
+## Video tutorials
 
-### The creation of ElevenLabs block
+<AccordionGroup>
+<Accordion title="NocoDB block">
+  <YoutubeVideo id="0bleJ5uBgd4" />
+</Accordion>
 
-<LoomVideo id="c77d5e42bc3b457dbe7bc622e12e0017" />
+<Accordion title="Elevenlabs block">
-
+  <YoutubeVideo id="PUQtzbpGd14" />
-### The creation of the Telegram block
+</Accordion>
-
+</AccordionGroup>
-<LoomVideo id="c49ced0c2c394751b860458b7eb904a4" />
 
 Make sure to join our [Discord community](https://typebot.io/discord) to participate to these weekly office hours.

apps/docs/editor/blocks/integrations/nocodb.mdx

@@ -2,8 +2,12 @@
 title: NocoDB
 ---
 
+import { YoutubeVideo } from '/snippets/youtube-video.mdx'
+
 With the NocoDB block, you can create, update or get data from your NocoDB tables.
 
+<YoutubeVideo id="ViKETDQ8Sfg" />
+
 ## How to find my `Table ID`?
 
 To find your `Table ID`, you need to go to your NocoDB dashboard and click on the 3 dots button next to your table name.

packages/forge/blocks/nocodb/index.ts

@@ -13,4 +13,8 @@ export const nocodbBlock = createBlock({
   LightLogo: NocodbLogo,
   auth,
   actions: [searchRecords, createRecord, updateExistingRecord],
+  onboarding: {
+    youtubeId: 'ViKETDQ8Sfg',
+    deployedAt: new Date('2023-06-20'),
+  },
 })