Make forms look nicer

[aaronchongth]

What's new

• Fixed sizing and spacing of forms using material ui spacing and grid containers

Self-checks

• I have prototyped this new feature (if necessary) on Figma
• I'm familiar with and follow this Typescript guideline
• I added unit-tests for new components
• I tried testing edge cases
• I tested the behavior of the components that interact with the backend, with an e2e test

Discussion

[codecov]

Codecov Report

Merging #723 (0e9d5bc) into main (b39540c) will decrease coverage by 0.07%.
The diff coverage is 0.00%.

@@            Coverage Diff             @@
##             main     #723      +/-   ##
==========================================
- Coverage   56.37%   56.30%   -0.07%     
==========================================
  Files         293      293              
  Lines        6966     6981      +15     
  Branches      956      943      -13     
==========================================
+ Hits         3927     3931       +4     
- Misses       2847     2858      +11     
  Partials      192      192              

Flag	Coverage Δ
dashboard	18.52% <ø> (+0.06%)	⬆️
react-components	57.96% <0.00%> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
...ackages/react-components/lib/tasks/create-task.tsx	1.42% <0.00%> (ø)

... and 2 files with indirect coverage changes

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

[Angatupyry]

LGTM!
Thanks!!