Feature/issue1249

Purpose
--------------------
1. Closes #1249 
Often, components from different projects have the same title (e.g. "Study Materials" or "Data"). They are listed in your public profile without providing the project title for context, so components with the same name are indistinguishable from each other.

2. Refactor the code in <code>_get_summary</code> since it is repetitive, and is almost the same as <code>_view_project</code>

Changes
---------------------
Before
![Original](https://cloud.githubusercontent.com/assets/4965832/5034679/f2354c7e-6b3e-11e4-87a3-c4d8e54f08b6.png)

After
![After](https://cloud.githubusercontent.com/assets/8628591/5131082/d5825bba-70bd-11e4-9417-de07af0886a2.png)

Side effects
----------------------
1. To pass information from the profile page to the component template, to indicate that the template is on the profile page, I made <code>"sortable" : a string<code>. Though it does distinguish the component blocks on profile page from others, I don't think my way is the correct one to do it.
2. Since the structor of <code>summary</code> in <code>_get_summary</code> is now changed, there might be some inconsistencies throughout the website that I have not found yet.