code: function renderSummaryDetails(rules, problemFiles, currDir) {
  	let summaryDetails = '<div class="row">';
  
  	// errors exist
  	if (rules['2']) {
  		summaryDetails += summaryDetailsTemplate({
  			ruleType: 'error',
  			topRules: renderRules(rules['2'])
  		});
  	}
  
  	// warnings exist
  	if (rules['1']) {
  		summaryDetails += summaryDetailsTemplate({
  			ruleType: 'warning',
  			topRules: renderRules(rules['1'])
  		});
  	}
  
  	summaryDetails += '</div>';
  
  	// files with problems exist
  	if (!_.isEmpty(problemFiles)) {
  		summaryDetails += mostProblemsTemplate({
  			files: renderProblemFiles(problemFiles, currDir)
  		});
  	}
  
  	return summaryDetails;
  }
docs: Generates the summary details section by only including the necessary tables.
  @param {object} rules An object with all of the rules sorted by type
  @param {array} [problemFiles] An optional object with the top 5 worst files being linted
  @param {String} currDir Current working directory
  @return {string} HTML string of all the summary detail tables that are needed