Add hyper-statusline-extended to productivity

Checklist for submitting a resource to `awesome-hyper`:

[x] Title: The title for the addition uses its npm title (hyper-example) or the resource's title.
[x] Link: The link for the addition uses the npmjs.com link (https://www.npmjs.com/package/hyper-example) or the resource's full URI.
[x] Repository: The package.json file of the resource contains repository information.
[x] Visual: There is a visual representation of what the addition does in its source repository.
[x] Location: The awesome addition is in the correct category or sub-category.
- If it's a plugin or resource, put your awesome item at the BOTTOM of the correct section.
- If it's a theme, insert it according to the ALPHABETICAL order.
[x] Description: I've written a short (one sentence) description for the addition in the README.md.
[x] Downloads: I've added a download stats badge in the second column ([![npm](https://img.shields.io/npm/dm/hyper-example.svg?label=DL)]())