Local Storage Custom Hook

Implement a custom hook to get and set values from and to Local Storage. A custom hook is a way (or rather a mechanism) to reuse stateful logic. State and effects inside a custom hook are completely isolated.

Tasks

1. Create a Custom Hook called useLocalStorage that a getter value and a setter method.
2. The end user should be able to use the hook in the following way

const [storedValue, setStoredValue] = useLocalStorage('name', 'initialValue');

3. The first parameter of the useLocalStorage hook should be the key name that should be set and retrieved from the local storage.
4. The second parameter of the useLocalStorage hook should be the initial value that the local storage key accepts.
5. Create a select tag dropdown with two values, light and dark (these are the options inside of the select)
6. Once the values are changed, the changed value should be reflected right below the select tab.
7. If the browser is refreshed, the value should stay the same because we are essentially storing the value in local storage.