issues with nav menu and alert

[cch5ng]

multi issues

• [x] if close alert, then click on page (nav menu), this is re-rendering an triggering duplicate alert (unnec)

• [x] job name field (create form) is not responsive immediately (see if it is some conflict with the nav menu handling)

(think this is related to whether the field is focused or not; whether it is focusable or not)

• [x] the alert icon (left side) looks weird for success, maybe it should be different for success vs error message
• [x] button group is stacked vertically but should lay out horizontally with some space

[cch5ng]

issue 1

• when use menu to navigate to Jobs (from Events), it is triggering some re-render that creates an alert (for Event GET)
• when use menu to navigate to Events (from Jobs), it is triggering re-render 2x so that 2 alerts display (for Event GET)

workaround, for now removed alert trigger on Alert GET; also added logic to prevent creating duplicate current alert messages

[cch5ng]

resc

https://linguinecode.com/post/how-to-use-react-useref-with-typescript

https://www.digitalocean.com/community/tutorials/css-align-justify

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout