Merge pull request #87 from Jygsaw/dev

[FEATURE] Update styling on AddToYarnView; Implement separate function for picture frame
[DOC] Update comments in main.js
[CLEANUP] Update/add comments, add necessary semicolons
[CLEANUP] Update comments in YarnView
Merge pull request #88 from KiaFathi/doc/comments

[CLEANUP] Add comments, update documentation
[REFACTOR] Restructure CustomLayout to use HeaderFooterLayout instead of inherit from