Add subcription level filtering

frontend/src/pages/app/settings/profile/ProfilePage.tsx

@@ -1209,6 +1209,67 @@ const ProfilePage: React.FC = () => {
                           </div>
                         </div>
 
+                        {/* Features Section */}
+                        <div className="border-t border-[var(--border-color)] pt-4 mb-6">
+                          <h5 className="text-sm font-semibold text-[var(--text-primary)] mb-3 flex items-center">
+                            <TrendingUp className="w-4 h-4 mr-2 text-[var(--color-primary)]" />
+                            Funcionalidades Incluidas
+                          </h5>
+                          <div className="space-y-2">
+                            {(() => {
+                              const getPlanFeatures = (planKey: string) => {
+                                switch (planKey) {
+                                  case 'starter':
+                                    return [
+                                      '✓ Panel de Control Básico',
+                                      '✓ Gestión de Inventario',
+                                      '✓ Gestión de Pedidos',
+                                      '✓ Gestión de Proveedores',
+                                      '✓ Punto de Venta Básico',
+                                      '✗ Analytics Avanzados',
+                                      '✗ Pronósticos IA',
+                                      '✗ Insights Predictivos'
+                                    ];
+                                  case 'professional':
+                                    return [
+                                      '✓ Panel de Control Avanzado',
+                                      '✓ Gestión de Inventario Completa',
+                                      '✓ Analytics de Ventas',
+                                      '✓ Pronósticos con IA (92% precisión)',
+                                      '✓ Análisis de Rendimiento',
+                                      '✓ Optimización de Producción',
+                                      '✓ Integración POS',
+                                      '✗ Insights Predictivos Avanzados'
+                                    ];
+                                  case 'enterprise':
+                                    return [
+                                      '✓ Todas las funcionalidades Professional',
+                                      '✓ Insights Predictivos con IA',
+                                      '✓ Analytics Multi-ubicación',
+                                      '✓ Integración ERP',
+                                      '✓ API Personalizada',
+                                      '✓ Gestor de Cuenta Dedicado',
+                                      '✓ Soporte 24/7 Prioritario',
+                                      '✓ Demo Personalizada'
+                                    ];
+                                  default:
+                                    return [];
+                                }
+                              };
+
+                              return getPlanFeatures(planKey).map((feature, index) => (
+                                <div key={index} className={`text-xs flex items-center gap-2 ${
+                                  feature.startsWith('✓')
+                                    ? 'text-green-600'
+                                    : 'text-[var(--text-secondary)] opacity-60'
+                                }`}>
+                                  <span>{feature}</span>
+                                </div>
+                              ));
+                            })()}
+                          </div>
+                        </div>
+
                         {isCurrentPlan ? (
                           <Badge variant="success" className="w-full justify-center py-2">
                             <CheckCircle className="w-4 h-4 mr-2" />