Reorg frontend file structure

[fzhao99]

Description:

Our frontend file structure might need some reorganization to reflect the application expanding. This is motivated by the components and designSystem modules living in the query subdirectory, implying these components don't apply to queryBuilding. This is wrong and should be fixed.

This may also be a good time to formalize how we create new directories in our frontend code / how we're applying our design system rules into our file structure

Acceptance Criteria:

• Any norms that the team wants to bring up / agree upon are discussed. Non-exhaustive example questions:
  • How do we want to implement atomic design principles into application code?
  • When does a Figma design warrant a new component in designSystem rather than just a one-off implementation in components?
  • When do we make a new directory for a page vs just a tsx file?
• An alternative folder structure is proposed to the team
  • Should probably start with components and designSystem in the query subdirectory, but can include more. Renames are also valid if needed
• Any documentation from the above is created and signed off on.
• Files are moved appropriately.

[linear]

QUE-91 Reorg frontend file structure