UX-288 Add useBreakpoint hook

[jonambas]

What Changed

• Initial goal was to show 1 or 2 months on the Datepicker depending on window resize
• After speaking with @PatrickSison , we realized that initialMonth would have to also change on window resize
• Instead of implementing hidden internal behavior to transform month, we decided to just export a helper hook so FE can use it on the front end

function Component() {
  const breakpoint = useBreakpoint();
  
  if (breakpoint === 'sm') {
    // do something
  }

  if (breakpoint === 'lg') {
    // do something
  }

  return ...
}

How To Test or Verify

• Run storybook with npm run start:storybook
• Visit http://localhost:9001/?path=/story/form-datepicker--basic-datepicker

PR Checklist

• Add the correct type label
• Pull request approval from #uxfe or #design-guild

[codecov]

Codecov Report

Merging #609 into release/minor will increase coverage by 0.27%.
The diff coverage is 100.00%.

@@                Coverage Diff                @@
##           release/minor     #609      +/-   ##
=================================================
+ Coverage          93.66%   93.93%   +0.27%     
=================================================
  Files                138      138              
  Lines               1783     1782       -1     
=================================================
+ Hits                1670     1674       +4     
+ Misses               113      108       -5     

Impacted Files	Coverage Δ
packages/matchbox/src/components/Banner/styles.js	100.00% <ø> (ø)
packages/matchbox/src/components/Table/styles.js	100.00% <ø> (ø)
...ackages/matchbox/src/components/RadioCard/Group.js	100.00% <100.00%> (+8.33%)	⬆️
...kages/matchbox/src/components/DatePicker/styles.js	93.75% <0.00%> (+25.00%)	⬆️

---

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 9d61602...4e926f6. Read the comment docs.

[logansparlin]

This looks good

[logansparlin]

Interesting, this is cool