feat(hook): create new custom hook

Create usePersistedState hook to save state on local storage

src/utils/usePersistedState.ts

@@ -0,0 +1,23 @@
+import { useState, useEffect, Dispatch, SetStateAction } from 'react';
+
+type Response<T> = [T, Dispatch<SetStateAction<T>>];
+
+function usePeristedState<T>(key: string, initialState: T): Response<T> {
+  const [state, setState] = useState(() => {
+    const storageValue = localStorage.getItem(key);
+
+    if (storageValue) {
+      return JSON.parse(storageValue);
+    } else {
+      return initialState;
+    }
+  });
+
+  useEffect(() => {
+    localStorage.setItem(key, JSON.stringify(state));
+  }, [key, state]);
+
+  return [state, setState];
+}
+
+export default usePeristedState;