Stop effect in more-info-light (#3636)

* Convert weather-forecast to LitElement

Part of https://github.com/home-assistant/home-assistant-polymer/issues/2095

Not sure how RTL works and how to apply it.

Also, thinking I should update if the forecast changes and not just the state. Input?

* Revert "Convert weather-forecast to LitElement"

This reverts commit e1893b0a83.

* Add stop effect button

Closes https://github.com/home-assistant/home-assistant-polymer/issues/3619

* address review comments

* cleanup

src/dialogs/more-info/controls/more-info-light.js

@@ -1,6 +1,7 @@
 import "@polymer/iron-flex-layout/iron-flex-layout-classes";
 import "@polymer/paper-item/paper-item";
 import "@polymer/paper-listbox/paper-listbox";
+
 import { html } from "@polymer/polymer/lib/utils/html-tag";
 import { PolymerElement } from "@polymer/polymer/polymer-element";
 
@@ -188,6 +189,7 @@ class MoreInfoLight extends LocalizeMixin(EventsMixin(PolymerElement)) {
               on-selected-changed="effectChanged"
               attr-for-selected="item-name"
             >
+              <paper-item item-name$="stop">stop</paper-item>
               <template
                 is="dom-repeat"
                 items="[[stateObj.attributes.effect_list]]"