(1) moves setting of dark/light mode from footer component, into new helper function -so the mode can be set when restoring the setting from local storage.
(2) move footer component inside react-router switch - stops the component from rendering
before trace: INFO: (-) footer.js: render count =844
after trace: INFO: (-) footer.js: render count =1
(1) moves setting of dark/light mode from footer component, into new helper function -so the mode can be set when restoring the setting from local storage. (2) move footer component inside react-router switch - stops the component from rendering before trace:
INFO: (-) footer.js: render count =844
after trace:INFO: (-) footer.js: render count =1