Add missing frontend platform components and update production deployment

This commit adds all previously untracked files and modifications needed for production deployment:
- New marketing components (BenefitsSection, CodeBlock, PluginShowcase, PricingTable)
- Platform admin components (EditPlatformEntityModal, PlatformListRow, PlatformListing, PlatformTable)
- Updated deployment configuration and scripts
- Various frontend API and component improvements

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

frontend/src/components/marketing/BenefitsSection.tsx

@@ -0,0 +1,59 @@
+import React from 'react';
+import { Rocket, Shield, Zap, Headphones } from 'lucide-react';
+
+const BenefitsSection: React.FC = () => {
+    const benefits = [
+        {
+            icon: Rocket,
+            title: 'Rapid Deployment',
+            description: 'Launch your branded booking portal in minutes with our pre-configured industry templates.',
+            color: 'text-blue-600 dark:text-blue-400',
+            bgColor: 'bg-blue-100 dark:bg-blue-900/30',
+        },
+        {
+            icon: Shield,
+            title: 'Enterprise Security',
+            description: 'Sleep soundly knowing your data is physically isolated in its own dedicated secure vault.',
+            color: 'text-green-600 dark:text-green-400',
+            bgColor: 'bg-green-100 dark:bg-green-900/30',
+        },
+        {
+            icon: Zap,
+            title: 'High Performance',
+            description: 'Built on a modern, edge-cached architecture to ensure instant loading times globally.',
+            color: 'text-purple-600 dark:text-purple-400',
+            bgColor: 'bg-purple-100 dark:bg-purple-900/30',
+        },
+        {
+            icon: Headphones,
+            title: 'Expert Support',
+            description: 'Our team of scheduling experts is available to help you optimize your automation workflows.',
+            color: 'text-orange-600 dark:text-orange-400',
+            bgColor: 'bg-orange-100 dark:bg-orange-900/30',
+        },
+    ];
+
+    return (
+        <section className="py-20 bg-white dark:bg-gray-900 border-y border-gray-100 dark:border-gray-800">
+            <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+                <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
+                    {benefits.map((benefit, index) => (
+                        <div key={index} className="text-center group hover:-translate-y-1 transition-transform duration-300">
+                            <div className={`inline-flex p-4 rounded-2xl ${benefit.bgColor} mb-6 group-hover:scale-110 transition-transform duration-300`}>
+                                <benefit.icon className={`w-8 h-8 ${benefit.color}`} />
+                            </div>
+                            <h3 className="text-xl font-bold text-gray-900 dark:text-white mb-3">
+                                {benefit.title}
+                            </h3>
+                            <p className="text-gray-600 dark:text-gray-400 leading-relaxed">
+                                {benefit.description}
+                            </p>
+                        </div>
+                    ))}
+                </div>
+            </div>
+        </section>
+    );
+};
+
+export default BenefitsSection;