Extract graphql queries to seperate files

[Sandervanmaurik]

Queries and mutations are currently declared within the component where they are being used. Ideally, there should be a graphql folder in the root/src of the project containing all queries, fragments and mutations so that they can be (re-)used by codegen.