Fix AI Studio overview rendering zero feature cards (snippets cannot use import) (#2895)

Author: sharadregoti

snippets/AIStudioCards.mdx

@@ -1,5 +1,3 @@
-import { FeatureCards } from '/snippets/FeatureCards.mdx';
-
 export const components = [
   {
     title: "Centralized AI Management",
@@ -23,4 +21,23 @@ export const components = [
   }
 ];
 
+export const FeatureCards = ({ components }) => {
+  return (
+    <div className="feature-grid">
+      {components.map((item, index) => (
+        <div key={index} className="feature-item">
+          <div className="feature-icon">{item.icon}</div>
+          <div className="feature-title">{item.title}</div>
+          <p className="feature-description">{item.description}</p>
+          {item.path && (
+            <div className="feature-button">
+              <a href={item.path}>{item.button_text || 'Learn More'}</a>
+            </div>
+          )}
+        </div>
+      ))}
+    </div>
+  );
+};
+
 <FeatureCards components={components} />