Improve AppBar and GoalTimeline response to different window widths.

[imnasnainaec]

Also, fixes #699

Updated AppBar
xs:

sm:

md+:

---

This change is 

[codecov-io]

Codecov Report

Merging #1032 (d262efa) into master (5b507b5) will not change coverage.
The diff coverage is 0.00%.

@@           Coverage Diff           @@
##           master    #1032   +/-   ##
=======================================
  Coverage   50.29%   50.29%           
=======================================
  Files         226      226           
  Lines        6589     6589           
  Branches      402      402           
=======================================
  Hits         3314     3314           
  Misses       2979     2979           
  Partials      296      296           

Flag	Coverage Δ
backend	55.96% <ø> (ø)
frontend	44.11% <0.00%> (ø)

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

Impacted Files	Coverage Δ
src/components/AppBar/AppBarComponent.tsx	100.00% <ø> (ø)
src/components/AppBar/Logo.tsx	50.00% <ø> (ø)
src/components/AppBar/NavigationButtons.tsx	33.33% <ø> (ø)
src/components/AppBar/ProjectNameButton.tsx	66.66% <0.00%> (ø)
src/components/AppBar/UserMenu.tsx	47.82% <ø> (ø)
src/components/GoalTimeline/GoalList.tsx	66.66% <ø> (ø)
.../components/GoalTimeline/GoalTimelineComponent.tsx	80.76% <ø> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 5b507b5...d262efa. Read the comment docs.

[jasonleenaylor]

Looks good. I'm assuming the GoalTimeline looks good too. 😄

Reviewed 7 of 7 files at r1, 2 of 2 files at r2.
Reviewable status: complete! all files reviewed, all discussions resolved (waiting on @imnasnainaec)

[jasonleenaylor]

Reviewed 2 of 2 files at r3.
Reviewable status: complete! all files reviewed, all discussions resolved (waiting on @imnasnainaec)