Remove selected styling from item when ItemView is closed

[wrigh393]

What Happened

Currently when an ItemView is closed the item that was selected keeps its styling.

ItemTable after an item has been selected and then the ItemView closed:

Expected Behavior

When an ItemView is closed the selected styling of an item should be removed

Steps to Reproduce

1.Open an item in ItemTable
2.Close the ItemView using the ItemViewAppBar
3.See that the item selected still has selected row styling

Logs

N/A

[campb303]

This logic can be tied to the sidebarOpen state variable in App.js

https://github.itap.purdue.edu/ECN/webqueue2/blob/887fc63d44b4360d95ba71da24e57c803dbad13f/src/App.js#L15

[wrigh393]

This issue was fixed by creating the rowCanBeSelected prop along with the isSelected created to solve #74. The rowCanBeSelected prop is used in conjunction with isSelected in a ternary operation that is true only if the value of both are true. rowCanBeSelected's value is then set in the App.js file based on the state variable sidebarOpen. This variable's state is changed to true when an item is selected and false when it is closed which allows us to use it to also determine a rows styling based on if an item is open.