fix(detector): layout of multiple smells

Author: marabesi

detector/src/reporters/layout/example.html

@@ -106,8 +106,8 @@ <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white"
                     </tr>
                   </thead>
                   <tbody>
-                    <tr>
-                      {{#each smells}}
+                    {{#each smells}}
+                      <tr>
                         <td class="p-4 border-b border-blue-gray-50">
                           <div data-testid="{{@../index}}-smell-name-{{@index}}">{{this.type}}</div>
                         </td>
@@ -117,8 +117,8 @@ <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white"
                         <td class="p-4 border-b border-blue-gray-50">
                           <div data-testid="{{@../index}}-smell-start-line-{{@index}}">{{this.lineStart}}</div>
                         </td>
-                      {{/each }}
-                    </tr>
+                      </tr>
+                    {{/each }}
                   </tbody>
                 </table>
               {{/if}}

run-report.sh

@@ -0,0 +1,7 @@
+#!/bin/bash
+
+clear && \
+  npm run build && \
+  rm smelly-report.html && \
+  npm run cli -w cli -- "$1" typescript --report=html --report-output=$(pwd) && \
+  open smelly-report.html