fix: Types in redux and Icons (#41)

Author: Ram-20062003

src/components/Auth/Auth/ProgressBar/Progressbar.tsx

@@ -6,6 +6,7 @@ import {
   faUserSecret,
 } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
 interface user {
   formNumber?: number;
   completed?: boolean;
@@ -37,7 +38,7 @@ export default function UserDetails(props: user): JSX.Element {
               }
               onClick={props.handleForm1}
             >
-              <FontAwesomeIcon icon={faUser} />
+              <FontAwesomeIcon icon={faUser as IconProp} />
             </button>
           </div>
           <div>
@@ -52,7 +53,7 @@ export default function UserDetails(props: user): JSX.Element {
               }
               onClick={props.handleForm2}
             >
-              <FontAwesomeIcon icon={faUserSecret} />
+              <FontAwesomeIcon icon={faUserSecret as IconProp} />
             </button>
           </div>
           <div>
@@ -62,7 +63,7 @@ export default function UserDetails(props: user): JSX.Element {
                 !props.completed ? styles.levelInitiated : styles.levelCompleted
               }
             >
-              <FontAwesomeIcon icon={faCode} />
+              <FontAwesomeIcon icon={faCode as IconProp} />
             </button>
           </div>
         </div>

src/store/hooks.ts

@@ -1,6 +1,6 @@
 import { TypedUseSelectorHook, useDispatch, useSelector } from 'react-redux';
-import type { RootState, AppDispatch } from './store';
-
+import type { RootState } from './store';
+import { Dispatch } from 'react';
 // Use throughout your app instead of plain `useDispatch` and `useSelector`
-export const useAppDispatch = (): AppDispatch => useDispatch<AppDispatch>();
+export const useAppDispatch = <T>(): Dispatch<T> => useDispatch<Dispatch<T>>();
 export const useAppSelector: TypedUseSelectorHook<RootState> = useSelector;