docs: add missing docs for meta configuration option (#379)

Author: AriPerkkio

docs/tutorialkit.dev/src/content/docs/reference/configuration.mdx

@@ -404,6 +404,36 @@ type TemplateType = "html" | "node" | "angular-cli" | "create-react-app" | "java
 
 ```
 
+##### `meta`
+
+Configures `<meta>` tags for Open Graph protocole and Twitter.
+TutorialKit will use your logo as the default image.
+<PropertyTable inherited type="MetaTagsSchema" />
+
+The `MetaTagsSchema` type has the following shape:
+
+```ts
+type MetaTagsSchema = {
+  image?: string;
+  description?: string;
+  title?: string;
+}
+
+```
+
+Example value:
+```yaml
+meta:
+  image: /cover.png
+  title: Title shown on social media and search engines
+  description: Description shown on social media and search engines
+```
+
+:::tip
+If your logo uses the SVG format, it may not display on most social platforms.
+Use a raster format instead, such as WEBP or PNG.
+:::
+
 ##### `custom`
 
 Assign custom fields to a chapter/part/lesson.

packages/types/src/schemas/common.ts

@@ -211,7 +211,7 @@ export type EditorSchema = z.infer<typeof editorSchema>;
 export type CustomSchema = z.infer<typeof customSchema>;
 
 export const webcontainerSchema = commandsSchema.extend({
-  meta: metaTagsSchema.optional(),
+  meta: metaTagsSchema.optional().describe('Configures `<meta>` tags for Open Graph protocole and Twitter.'),
 
   custom: customSchema.optional().describe('Assign custom fields to a chapter/part/lesson in the Astro collection'),