RFD: Split & Consolidate mainview.tsx

[arjxn-py]

mainview.tsx is getting larger as more development is happening, we'd need to refactor it to make it shorter by relocating some methods and breaking down big file to smaller maybe.

This issue is to keep track of what we want to relocate where.
Maybe a checklist could help too:

• a
• b