feat(social-icons): upgrade component - INNO-693 (#282)

* feat(social-icons): refactor demonstrations

* feat(social-icons): save state

* feat(social-icons): clear up

* feat(social-icons): only svg remains

* feat(social-icons): template documentation

* feat(social-icons): add tests

* feat(social-icons): add general tests

* feat(social-icons): prettier fixes

* feat(social-icons): updates after review

* feat(social-icons): update screenshots

* feat(social-icons): updates

framework/components/ecl-social-icons/README.md

@@ -1,3 +1,24 @@
 # Social icons
 
-Social network icons.
+This is the ECL package you need when you want to implement a social media icon in any way.
+
+Few possibilities to do so:
+
+- As a link:
+
+```html
+<a href="#" class="ecl-link ecl-icon-social ecl-icon-social--facebook">Facebook</a>
+```
+Note that the `ecl-link` class is an optional extension you can have for links formatting.
+
+- As a span:
+
+```html
+<span class="ecl-icon-social ecl-icon-social--facebook">Facebook</span>
+```
+
+- Making an icon smaller:
+
+```html
+  <span class="ecl-icon-social ecl-icon-social--smaller ecl-icon-social--facebook">Facebook</span>
+```