Fix #238: Modified UI of Story heading

[kailash360]

Issue Number

fixes #238

Describe the changes you've made

I have modified the stylesheets by adding new sub-classes to existing classes, such that the UI fits to the proposed design. I have also modified the HTML-skeleton in the Story heading to accommodate the sequence of elements. Apart from that, I modified the GraphQL query that fetches the story, to fetch the profile picture of the user as well and render it in the heading.

Describe if there is any unusual behavior (Any Warning) of your code(Write NA if there isn't)

NA

Additional context (OPTIONAL)

NA

Checklist

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• All new and existing tests passed.
• The title of my pull request is a short description of the requested changes.

Provide a Deployed link of route/page that needs to review