✨ Implement Pexels videos option to media popover (#1636)

Closes #1575 

Note: Need to create a new environment variable named
`NEXT_PUBLIC_PEXELS_API_KEY` to store the API Key obtained from Pexels!


https://github.com/user-attachments/assets/4250f799-0bd7-48e9-b9a8-4bc188ad7704

---------

Co-authored-by: Baptiste Arnaud <baptiste.arnaud95@gmail.com>
Co-authored-by: younesbenallal <younes.benallal.06@gmail.com>

packages/env/env.ts

@@ -322,6 +322,17 @@ const unsplashEnv = {
   },
 }
 
+const pexelsEnv = {
+  client: {
+    NEXT_PUBLIC_PEXELS_API_KEY: z.string().min(1).optional(),
+  },
+  runtimeEnv: {
+    NEXT_PUBLIC_PEXELS_API_KEY: getRuntimeVariable(
+      'NEXT_PUBLIC_PEXELS_API_KEY'
+    ),
+  },
+}
+
 const whatsAppEnv = {
   server: {
     META_SYSTEM_USER_TOKEN: z.string().min(1).optional(),
@@ -440,6 +451,7 @@ export const env = createEnv({
     ...giphyEnv.client,
     ...vercelEnv.client,
     ...unsplashEnv.client,
+    ...pexelsEnv.client,
     ...sentryEnv.client,
     ...posthogEnv.client,
     ...tolgeeEnv.client,
@@ -452,6 +464,7 @@ export const env = createEnv({
     ...giphyEnv.runtimeEnv,
     ...vercelEnv.runtimeEnv,
     ...unsplashEnv.runtimeEnv,
+    ...pexelsEnv.runtimeEnv,
     ...sentryEnv.runtimeEnv,
     ...posthogEnv.runtimeEnv,
     ...tolgeeEnv.runtimeEnv,