Implement rendering for payload with multiple levels

[parisk]

Here we should also start adding classes according to each entry's type

Example

Input

[
  {
    "name":".git",
    "absolute_path":"/mnt/project/.git",
    "type":"directory",
    "children":null
  },
  {
    "name":".gitignore",
    "absolute_path":"/mnt/project/.gitignore",
    "type":"file",
    "children":null
  },
  {
    "name":"Gopkg.lock",
    "absolute_path":"/mnt/project/Gopkg.lock",
    "type":"file",
    "children":null
  },
  {
    "name":"Gopkg.toml",
    "absolute_path":"/mnt/project/Gopkg.toml",
    "type":"file",
    "children":null
  },
  {
    "name":"main.go",
    "absolute_path":"/mnt/project/main.go",
    "type":"file",
    "children":null
  },
  {
    "name":"vendor",
    "absolute_path":"/mnt/project/vendor",
    "type":"directory",
    "children":[
      {
        "name":"package.json",
        "absolute_path":"/mnt/project/vendor/package.json",
        "type":"file",
        "children":null
      },
      {
        "name":"yarn.lock",
        "absolute_path":"/mnt/project/vendor/yarn.lock",
        "type":"file",
        "children":null
      }
    ]
  }
]

Output

<ul class="fs-api-tree">
  <li class="fs-api-entry fs-api-directory" >
    <div class="fs-api-entry-name">.git</div>
  </li>
  <li class="fs-api-entry fs-api-directory">
    <div class="fs-api-entry-name">vendor</div>
    <ul class="fs-api-tree">
      <li class="fs-api-entry fs-api-file">
        <div class="fs-api-entry-name">package.json</div>
      </li>
      <li class="fs-api-entry fs-api-file">
        <div class="fs-api-entry-name">yarn.lock</div>
      </li>
    </ul>
  </li>
  <li class="fs-api-entry fs-api-file">
    <div class="fs-api-entry-name">.gitignore</div>
  </li>
  <li class="fs-api-entry fs-api-file">
    <div class="fs-api-entry-name">Gopkg.lock</div>
  </li>
  <li class="fs-api-entry fs-api-file">
    <div class="fs-api-entry-name">Gopkg.toml</div>
  </li>
  <li class="fs-api-entry fs-api-file">
    <div class="fs-api-entry-name">main.go</div>
  </li>
</ul>

[parisk]

Closed in #10