App bar changes

[Angatupyry]

What's new

• Increase the font size on the title bar
• Change New Task button size

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

[aaronchongth]

Thanks for the help! It looks like the project's logo size is 406 x 124, which makes the appbar thicker than usual. For this deployment branch, I think we can make our default logo the same height, and maximize our font size based on that. Let me know if you think that's a good idea

edit: feel free to merge in from deploy/hammer too, to get #755 in, so the CI can run normally

[codecov]

Codecov Report

Merging #753 (1ef3043) into deploy/hammer (de3a5ad) will increase coverage by 0.00%.
Report is 5 commits behind head on deploy/hammer.
The diff coverage is 100.00%.

@@              Coverage Diff               @@
##           deploy/hammer     #753   +/-   ##
==============================================
  Coverage          54.26%   54.26%           
==============================================
  Files                263      263           
  Lines               6583     6584    +1     
  Branches             875      875           
==============================================
+ Hits                3572     3573    +1     
  Misses              2871     2871           
  Partials             140      140           

Flag	Coverage Δ
dashboard	18.05% <100.00%> (+0.03%)	⬆️

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

Files Changed	Coverage Δ
packages/dashboard/src/components/appbar.tsx	29.49% <100.00%> (+0.32%)	⬆️

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

[aaronchongth]

Thanks for resizing these items! I've added some changes based on your work for some other components too