add supabase tips videos to guides

apps/docs/pages/guides/api/generating-types.mdx

@@ -8,6 +8,15 @@ export const meta = {
 
 Supabase APIs are generated from your database, which means that we can use database introspection to generate type-safe API definitions.
 
+<div className="video-container">
+  <iframe
+    src="https://www.youtube-nocookie.com/embed/7CqlTU9aOR4"
+    frameBorder="1"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+    allowFullScreen
+  ></iframe>
+</div>
+
 ## Generating types using Supabase CLI
 
 The Supabase CLI is a single binary Go application that provides everything you need to setup a local development environment.

apps/docs/pages/guides/database/full-text-search.mdx

@@ -8,6 +8,15 @@ export const meta = {
 
 Postgres has built-in functions to handle `Full Text Search` queries. This is like a "search engine" within Postgres.
 
+<div className="video-container">
+  <iframe
+    src="https://www.youtube-nocookie.com/embed/b-mgca_2Oe4"
+    frameBorder="1"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+    allowFullScreen
+  ></iframe>
+</div>
+
 ## Preparation
 
 For this guide we'll use the following example data:

apps/docs/pages/guides/storage/image-transformations.mdx

@@ -14,6 +14,15 @@ Supabase Storage offers the functionality to transform and resize images dynamic
   above](https://supabase.com/pricing).
 </Admonition>
 
+<div className="video-container">
+  <iframe
+    src="https://www.youtube-nocookie.com/embed/dLqSmxX3r7I"
+    frameBorder="1"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+    allowFullScreen
+  ></iframe>
+</div>
+
 ## Get a public URL for a transformed image
 
 You can pass a `transform` option to the functions you are currently using to interact with your objects. This returns the public URL that serves the resized image.