build fix

Author: nidhi-singh02

apps/developer-hub/content/docs/express-relay/index.mdx

@@ -57,7 +57,12 @@ To learn more about Express Relay, refer to the following resources:
     description="Understand the mechanics behind Express Relay's priority auction system"
     icon={
       <svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
-        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={2}
+          d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+        />
       </svg>
     }
   />

apps/developer-hub/src/components/IntegrationCard/index.tsx

@@ -1,50 +1,52 @@
-interface IntegrationCardProps {
+type IntegrationCardProps = {
   href: string;
   icon: React.ReactNode;
   title: string;
   description: string;
-  colorScheme?: 'blue' | 'green' | 'purple';
-}
+  colorScheme?: "blue" | "green" | "purple";
+};
 
-export const IntegrationCard = ({ 
-  href, 
-  icon, 
-  title, 
-  description, 
-  colorScheme = 'blue' 
+export const IntegrationCard = ({
+  href,
+  icon,
+  title,
+  description,
+  colorScheme = "blue",
 }: IntegrationCardProps) => {
   const colorClasses = {
     blue: {
-      bg: 'bg-blue-100 dark:bg-blue-900',
-      text: 'text-blue-600 dark:text-blue-400',
-      hoverText: 'group-hover:text-blue-600 dark:group-hover:text-blue-400'
+      bg: "bg-blue-100 dark:bg-blue-900",
+      text: "text-blue-600 dark:text-blue-400",
+      hoverText: "group-hover:text-blue-600 dark:group-hover:text-blue-400",
     },
     green: {
-      bg: 'bg-green-100 dark:bg-green-900',
-      text: 'text-green-600 dark:text-green-400',
-      hoverText: 'group-hover:text-green-600 dark:group-hover:text-green-400'
+      bg: "bg-green-100 dark:bg-green-900",
+      text: "text-green-600 dark:text-green-400",
+      hoverText: "group-hover:text-green-600 dark:group-hover:text-green-400",
     },
     purple: {
-      bg: 'bg-purple-100 dark:bg-purple-900',
-      text: 'text-purple-600 dark:text-purple-400',
-      hoverText: 'group-hover:text-purple-600 dark:group-hover:text-purple-400'
-    }
+      bg: "bg-purple-100 dark:bg-purple-900",
+      text: "text-purple-600 dark:text-purple-400",
+      hoverText: "group-hover:text-purple-600 dark:group-hover:text-purple-400",
+    },
   };
 
   const colors = colorClasses[colorScheme];
 
   return (
-    <a 
-      href={href} 
+    <a
+      href={href}
       className="block group bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded-lg p-6 hover:border-gray-300 dark:hover:border-gray-600 transition-colors"
     >
       <div className="flex items-center gap-3 mb-3">
-        <div className={`w-8 h-8 rounded-lg ${colors.bg} flex items-center justify-center`}>
-          <div className={`w-4 h-4 ${colors.text}`}>
-            {icon}
-          </div>
+        <div
+          className={`w-8 h-8 rounded-lg ${colors.bg} flex items-center justify-center`}
+        >
+          <div className={`w-4 h-4 ${colors.text}`}>{icon}</div>
         </div>
-        <h3 className={`text-lg font-semibold text-gray-900 dark:text-white ${colors.hoverText}`}>
+        <h3
+          className={`text-lg font-semibold text-gray-900 dark:text-white ${colors.hoverText}`}
+        >
           {title}
         </h3>
       </div>

apps/developer-hub/src/mdx-components.tsx

@@ -2,6 +2,7 @@ import { InfoBox } from "@pythnetwork/component-library/InfoBox";
 import { Tab, Tabs } from "fumadocs-ui/components/tabs";
 import defaultMdxComponents from "fumadocs-ui/mdx";
 import type { MDXComponents } from "mdx/types";
+
 import { IntegrationCard } from "./components/IntegrationCard";
 
 export function getMDXComponents(components?: MDXComponents): MDXComponents {