Stickies notes should be responsive #2
Description
When the view port of application changes the sticky notes should resize down to and up t so that as many stickies are visible in the viewport as possible.
Options
- The solution currently uses a flex wrap (https://v2.chakra-ui.com/docs/components/wrap) a grid may be more responsive, a grid (https://v2.chakra-ui.com/docs/components/grid) or simple grid (https://v2.chakra-ui.com/docs/components/simple-grid) may make life easier, OR
- Enhance the size logic in src/components/stickyNotesBoard/StickyNotesBoard.tsx to accommodate the number of notes and the viewport size (https://v2.chakra-ui.com/docs/hooks/use-breakpoint-value)