diff --git a/.stylelintignore b/.stylelintignore
index c2658d7d..8d87b1d2 100644
--- a/.stylelintignore
+++ b/.stylelintignore
@@ -1 +1 @@
-node_modules/
+node_modules/*
diff --git a/package.json b/package.json
index 589adf92..5a4168e9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "pixabayfinder",
-  "version": "0.1.53",
+  "version": "0.1.54",
   "types": "src/types/global.d.ts",
   "private": "true",
   "license": "MIT",
@@ -27,20 +27,20 @@
     "@reduxjs/toolkit": "^2.2.7",
     "@testing-library/jest-dom": "^6.5.0",
     "@types/eslint": "^9.6.1",
-    "@types/jest": "^29.5.12",
-    "@types/react": "^18.3.5",
+    "@types/jest": "^29.5.13",
+    "@types/react": "^18.3.7",
     "@types/react-dom": "^18.3.0",
     "@types/react-redux": "^7.1.33",
-    "@typescript-eslint/eslint-plugin": "8.3.0",
-    "@typescript-eslint/parser": "^8.2.0",
+    "@typescript-eslint/eslint-plugin": "8.5.0",
+    "@typescript-eslint/parser": "^8.5.0",
     "@vitejs/plugin-react": "^4.3.1",
     "axios": "1.7.7",
-    "eslint": "9.9.1",
+    "eslint": "9.10.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-html": "^8.1.1",
     "eslint-plugin-prettier": "^5.2.1",
     "fs": "^0.0.1-security",
-    "husky": "^9.1.5",
+    "husky": "^9.1.6",
     "jest": "^29.7.0",
     "prettier": "^3.3.3",
     "react": "^18.3.1",
@@ -50,13 +50,13 @@
     "react-toastify": "^10.0.5",
     "redux": "^5.0.1",
     "sal.js": "^0.8.5",
-    "styled-components": "^6.1.12",
+    "styled-components": "^6.1.13",
     "stylelint": "^16.9.0",
     "stylelint-config-standard": "^36.0.1",
     "ts-jest": "^29.2.5",
     "ts-node": "^10.9.2",
-    "typescript": "^5.5.4",
-    "vite": "^5.4.3"
+    "typescript": "4.7.4",
+    "vite": "^5.4.6"
   },
   "scripts": {
     "build": "vite build",
@@ -64,7 +64,7 @@
     "prebuild": "rm -rf dist",
     "preview": "vite preview",
     "test": "jest --watchAll",
-    "lint": "eslint .",
+    "lint": "eslint . && stylelint **/*.css",
     "format": "prettier -w .",
     "eject": "vite eject",
     "setup": "yarn --silent --ignore-scripts",
@@ -92,12 +92,12 @@
   },
   "devDependencies": {
     "@eslint/compat": "^1.1.1",
-    "@eslint/js": "^9.9.1",
+    "@eslint/js": "^9.10.0",
     "@testing-library/react": "^16.0.1",
-    "@types/node": "^22.5.3",
-    "eslint-plugin-react": "^7.35.2",
+    "@types/node": "^22.5.5",
+    "eslint-plugin-react": "^7.36.1",
     "react-test-renderer": "^18.3.1",
-    "typescript-eslint": "^8.4.0",
+    "typescript-eslint": "^8.6.0",
     "vite-plugin-environment": "^1.1.3"
   }
 }
diff --git a/src/api/index.ts b/src/api/index.ts
index 2cce024a..0bb70f88 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -1,2 +1 @@
 export * from './apiDocs';
-export * from './request';
diff --git a/src/api/request.ts b/src/api/request.ts
deleted file mode 100644
index 71b263d2..00000000
--- a/src/api/request.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-import axios from 'axios';
-import { PixabayBaseURL } from '../utils';
-
-const globalHeader: string = 'application/json';
-axios.defaults.baseURL = PixabayBaseURL;
-
-axios.defaults.headers.common['Content-Type'] = globalHeader;
-
-/**
- * Request object to manipulate api.
- * @param {{ get: Promise<T | void>, post: Promise<T | void>, put: Promise<T | void>, delete: Promise<T | void> }} Request
- */
-export const request = {
-  get: async <T>(
-    url: string,
-    headers?: Record<string, never>
-  ): Promise<T | void> => {
-    const { data } = await axios.get<T>(url, headers);
-    return data;
-  },
-
-  post: async <T>(
-    url: string,
-    redata: unknown,
-    headers?: { headers: Record<string, never> }
-  ): Promise<T | void> => {
-    const { data } = await axios.post<T>(`${url}`, redata, headers);
-    return data;
-  },
-
-  put: async <T>(
-    url: string,
-    redata: unknown,
-    headers?: { headers: Record<string, never> }
-  ): Promise<T | void> => {
-    await axios.put<T>(`${url}`, redata, headers);
-  },
-
-  delete: async <T>(
-    url: string,
-    headers?: { headers: Record<string, never> }
-  ): Promise<T | void> => {
-    await axios.delete<T>(`${url}`, headers);
-  },
-};
diff --git a/src/app/Layout.tsx b/src/app/Layout.tsx
index c46bbcb9..67f3906e 100644
--- a/src/app/Layout.tsx
+++ b/src/app/Layout.tsx
@@ -2,17 +2,18 @@ import { List, SearchFormComp } from '../containers';
 import React from 'react';
 import { Flip, ToastContainer } from 'react-toastify';
 import { Container } from '../styles';
-import { MainFooter } from '../ui';
+import Header from '../inc/Header';
+import Footer from '../inc/Footer';
 
 const Layout: React.FC = () => {
   return (
     <Container>
+      <Header />
+      <br />
       <h1>PixaBay Finder</h1>
       <SearchFormComp />
       <List />
-      <MainFooter dataSal='fade'>
-        <i>Created by Fadi Hanna</i>
-      </MainFooter>
+      <Footer />
       <ToastContainer transition={Flip} />
     </Container>
   );
diff --git a/src/containers/App.tsx b/src/containers/App.tsx
index 7da0124e..b2b46c8f 100644
--- a/src/containers/App.tsx
+++ b/src/containers/App.tsx
@@ -1,67 +1,52 @@
 import React, { useEffect } from 'react';
-import { Flip, toast } from 'react-toastify';
-import { setImgList } from '../redux/reducers/imgList';
-import { setLoading } from '../redux/reducers/loading';
-import { setVideoList } from '../redux/reducers/videoList';
-import sal from 'sal.js';
-import { PacmanLoader } from 'react-spinners';
-import { setMediaLoading } from '../redux/reducers';
-import { PixabayKey } from '../utils';
-import { getImages, getVideos, log } from '../functions';
+import { toast } from 'react-toastify';
+import { PixabayBaseURL, PixabayKey } from '../utils';
 
 // Components
 import { Layout } from '../app';
+import axios from 'axios';
+import useLog from '../hooks/useLog';
+import { setImgList, setVideoList } from '../redux';
 import useReduxConsts from '../hooks/useReduxConsts';
+import useAPI from '../hooks/useAPI';
+import { sessionStorageKeys } from '../utils/consts';
+import { setLang } from '../redux/reducers/lang';
 
 const App = () => {
-  const { searchForm, loading, dispatch } = useReduxConsts();
+  const globalHeader: string = 'application/json';
+
+  axios.defaults.baseURL = PixabayBaseURL;
+  axios.defaults.headers.common['Content-Type'] = globalHeader;
+
+  const { dispatch, searchForm } = useReduxConsts();
+  const imagesEndPoint: string = `?key=${PixabayKey}&q=${searchForm.query}`;
+  const videosEndPoint: string = `videos/?key=${PixabayKey}&q=${searchForm.query}`;
+  const { data: imgData } = useAPI(imagesEndPoint, 'get', searchForm);
+  const { data: videoData } = useAPI(videosEndPoint, 'get', searchForm);
 
   if (!PixabayKey) {
     toast.error('Missing apiKey? Add it and restart the app!');
-    log('Missing apiKey? Add it and restart the app!', 'error');
+    useLog('Missing apiKey? Add it and restart the app!', 'error');
   }
 
   useEffect(() => {
-    let mounted = true;
-    sal();
-
-    dispatch(setLoading(true));
-    dispatch(setMediaLoading(true));
+    const lang = sessionStorage.getItem(sessionStorageKeys.Lang);
 
-    getImages<string>(searchForm.query)
-      .then((imagesData) => {
-        if (mounted) {
-          dispatch(setImgList(imagesData));
-        }
-        dispatch(setMediaLoading(false));
-      })
-      .catch((err) => toast.error(err.message, { transition: Flip }));
+    if (lang === '') {
+      dispatch(setLang('en'));
+    }
 
-    getVideos<string>(searchForm.query)
-      .then((videosData) => {
-        if (mounted) {
-          dispatch(setVideoList(videosData));
-          dispatch(setMediaLoading(false));
-        }
-      })
-      .catch((err) => toast.error(err.message, { transition: Flip }));
+    if (lang === null || undefined) {
+      sessionStorage.setItem(sessionStorageKeys.Lang, 'en');
+    }
 
-    dispatch(setLoading(false));
+    dispatch(setLang(lang!));
+  }, []);
 
-    return () => {
-      mounted = false;
-    };
-  }, [searchForm]);
-
-  if (loading) {
-    return (
-      <PacmanLoader
-        cssOverride={{ margin: '0 auto' }}
-        loading={loading}
-        color='#36d7b7'
-      />
-    );
-  }
+  useEffect(() => {
+    dispatch(setImgList(imgData!));
+    dispatch(setVideoList(videoData!));
+  }, [imgData]);
 
   return <Layout />;
 };
diff --git a/src/containers/List.tsx b/src/containers/List.tsx
index e5e618a7..92191955 100644
--- a/src/containers/List.tsx
+++ b/src/containers/List.tsx
@@ -5,9 +5,10 @@ import PhotoItem from './PhotoItem';
 import Loader from '../ui/Loader';
 import { ImageRow, NoData, VideoItem, VideoRow } from '../styles';
 import useReduxConsts from '../hooks/useReduxConsts';
+import useTranslate from '../hooks/useTranslate';
 
 const List: React.FC = () => {
-  const { imgList, mediaLoading, searchForm, searchType, videoList } =
+  const { mediaLoading, searchForm, searchType, imgList, videoList, lang } =
     useReduxConsts();
 
   if (mediaLoading) {
@@ -22,7 +23,8 @@ const List: React.FC = () => {
         ''
       ) : (
         <>
-          <b>Results found:</b> {imgList?.hits.length}
+          <b>{useTranslate('RESULTS_FOUND_TXT', lang)}:</b>{' '}
+          {imgList?.hits.length}
         </>
       )}
       <ImageRow>
@@ -33,7 +35,7 @@ const List: React.FC = () => {
                 return <PhotoItem key={i} item={image} />;
               })
             ) : (
-              <NoData>No images found! 😔</NoData>
+              <NoData>{useTranslate('NO_PHOTOS_FOUND_TXT', lang)}! 😔</NoData>
             )
           ) : (
             ''
@@ -44,12 +46,12 @@ const List: React.FC = () => {
           (searchForm.query ? (
             videoList && videoList.totalHits ? (
               !mediaLoading ? (
-                videoList?.hits.map((video: any, i: number) => {
+                videoList?.hits.map((video: HitsOfList, i: number) => {
                   return (
                     <VideoItem
                       key={i}
                       controls
-                      src={video.videos.small.url}
+                      src={video.videos?.small.url}
                       autoPlay={true}
                       muted={true}
                     ></VideoItem>
@@ -59,7 +61,7 @@ const List: React.FC = () => {
                 <Loader className={['spinner']} />
               )
             ) : (
-              <NoData>No videos found! 😔</NoData>
+              <NoData>{useTranslate('NO_VIDEOS_FOUND_TXT', lang)}! 😔</NoData>
             )
           ) : (
             ''
diff --git a/src/containers/PhotoItem.tsx b/src/containers/PhotoItem.tsx
index 6f8674ca..50850c03 100644
--- a/src/containers/PhotoItem.tsx
+++ b/src/containers/PhotoItem.tsx
@@ -1,10 +1,9 @@
 import React, { useEffect } from 'react';
-import { Dispatch } from 'redux';
 import { setImage } from '../redux/reducers/image';
 import { setToggler } from '../redux/reducers/toggler';
 import sal from 'sal.js';
 import { Loader } from '../ui';
-import { ImageCol, Modal, ModalContent } from '../styles';
+import { ImageCol, Modal, ModalContent, ImgItem, ModalImg } from '../styles';
 import { setMediaLoading } from '../redux/reducers';
 import useReduxConsts from '../hooks/useReduxConsts';
 
@@ -21,10 +20,8 @@ const PhotoItem: React.FC<{
    * @param { Dispatch<any> } dispatch
    * @returns { object }
    */
-  const hideImagePreviewer = (
-    toggler: boolean,
-    dispatch: Dispatch<any>
-  ): object => dispatch(setToggler(!toggler));
+  const hideImagePreviewer = (toggler: boolean, dispatch: any): object =>
+    dispatch(setToggler(!toggler));
 
   /**
    * Hide image previewer.
@@ -33,10 +30,7 @@ const PhotoItem: React.FC<{
    * @param { Dispatch<any> } dispatch
    * @returns { void }
    */
-  const toggleImagePreviewer = (
-    item: HitsOfList,
-    dispatch: Dispatch<any>
-  ): void => {
+  const toggleImagePreviewer = (item: HitsOfList, dispatch: any): void => {
     dispatch(setToggler(true));
     dispatch(setImage(item.webformatURL));
   };
@@ -52,7 +46,7 @@ const PhotoItem: React.FC<{
   return (
     <ImageCol data-sal='zoom-in'>
       {item?.webformatURL && (
-        <img
+        <ImgItem
           aria-label={searchForm.query}
           src={item.webformatURL}
           alt={searchForm.query}
@@ -60,14 +54,12 @@ const PhotoItem: React.FC<{
           width='500'
           height='500'
           style={{
-            maxWidth: '100%',
-            height: '100%',
+            aspectRatio: '1 / 1',
             display: mediaLoading ? 'none' : 'block',
           }}
           onLoad={() => dispatch(setMediaLoading(false))}
         />
       )}
-
       {toggler && (
         <Modal
           className='modal'
@@ -76,13 +68,7 @@ const PhotoItem: React.FC<{
         >
           <ModalContent>
             {image && (
-              <img
-                width='500'
-                height='500'
-                style={{ maxWidth: '100%', height: '100%' }}
-                alt='preview'
-                src={image}
-              />
+              <ModalImg width='500' height='500' alt='preview' src={image} />
             )}
           </ModalContent>
         </Modal>
diff --git a/src/containers/SearchFormComp.tsx b/src/containers/SearchFormComp.tsx
index 31862a90..edc5e907 100644
--- a/src/containers/SearchFormComp.tsx
+++ b/src/containers/SearchFormComp.tsx
@@ -2,21 +2,22 @@ import { setSearchForm } from '../redux/reducers/searchForm';
 import { setSearchType } from '../redux/reducers/searchType';
 import React from 'react';
 import { Col, Input, InputRow } from '../styles';
-import { typer } from '../functions';
 import useReduxConsts from '../hooks/useReduxConsts';
+import { useTyper } from '../hooks';
+import useTranslate from '../hooks/useTranslate';
 
 const SearchFormComp: React.FC = () => {
-  const { dispatch, searchForm } = useReduxConsts();
+  const { dispatch, searchForm, lang } = useReduxConsts();
 
   return (
     <InputRow>
       <Col>
         <Input
           name='query'
-          placeholder={'Type here'}
+          placeholder={`${useTranslate('INPUT_PLACEHOLDER_TXT', lang)}...`}
           value={searchForm.query}
           onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
-            typer(e, searchForm, dispatch)
+            useTyper(e, searchForm, dispatch)
           }
         />
       </Col>
@@ -32,7 +33,7 @@ const SearchFormComp: React.FC = () => {
             dispatch(setSearchForm({ ...searchForm, type: 'Images' }));
           }}
         />
-        Images
+        {useTranslate('IMAGES', lang)}
         <input
           type='radio'
           className='m-2'
@@ -44,7 +45,7 @@ const SearchFormComp: React.FC = () => {
             dispatch(setSearchForm({ ...searchForm, type: 'Videos' }));
           }}
         />
-        Videos
+        {useTranslate('VIDEOS', lang)}
       </Col>
     </InputRow>
   );
diff --git a/src/functions/apiStore.ts b/src/functions/apiStore.ts
deleted file mode 100644
index f38704ca..00000000
--- a/src/functions/apiStore.ts
+++ /dev/null
@@ -1,44 +0,0 @@
-import { request } from '../api';
-import { AxiosError } from 'axios';
-import { PixabayKey } from '../utils';
-import { requestErrorHandler } from './helper';
-
-/**
- * @author Fadi Hanna <fhanna181@gmail.com>
- */
-
-/**
- * Get imagelist from api.
- * @async
- * @function getImages
- * @param { string } imageVal - Image value
- * @returns { Promise<any> } Promise contains images array.
- * @example getImage("cat");
- */
-export const getImages = async <T>(imageVal: T): Promise<any> => {
-  const endPoint: string = `?key=${PixabayKey}&q=${imageVal}`;
-
-  try {
-    return await request.get<IList[]>(endPoint);
-  } catch (err) {
-    requestErrorHandler(err as AxiosError);
-  }
-};
-
-/**
- * Get video list from api.
- * @async
- * @function getVideos
- * @param { string } val - Video value
- * @returns { Promise<any> } Promise contains video object
- * @example getVideos("cat");
- */
-export const getVideos = async <T>(videoVal: T): Promise<any> => {
-  const endPoint: string = `videos/?key=${PixabayKey}&q=${videoVal}`;
-
-  try {
-    return await request.get<IList>(endPoint);
-  } catch (err) {
-    requestErrorHandler(err as AxiosError);
-  }
-};
diff --git a/src/functions/helper.ts b/src/functions/helper.ts
index bf6f37ca..038e7679 100644
--- a/src/functions/helper.ts
+++ b/src/functions/helper.ts
@@ -1,45 +1,16 @@
-/* eslint-disable no-console */
-import { AxiosError } from 'axios';
+import { Dispatch } from 'redux';
+import { setLang } from '../redux/reducers/lang';
+import { sessionStorageKeys } from '../utils/consts';
+import { toast } from 'react-toastify';
 
-/**
- * Customize console log.
- * @function log
- * @param { any } msg
- * @param { logType } type
- * @param { isString } [ isString = true ] isString
- * @returns { void }
- * @example log("HI");
- */
-const log = (msg: any, type: logType, isString: boolean = true): void => {
-  if (!isString) {
-    return console.log(`ℹ️ ${msg}`);
-  }
-
-  return console.log(
-    `%c ${type === 'error' ? '❌' : type === 'warn' ? '⚠️' : '💭'} ${msg} 😜`,
-    'color: pink; font-size: 20px; background-color: #000;'
-  );
-};
+const switchLang = (e: { target: HTMLSelectElement }, dispatch: Dispatch) => {
+  try {
+    sessionStorage.setItem(sessionStorageKeys.Lang, e.target.value);
 
-/**
- * Handle errors coming from api requests.
- * @function requestErrorHandler
- * @param { AxiosError } err - Error object
- * @returns { void }
- * @example  requestErrorHandler({ message: "Error" });
- */
-const requestErrorHandler = (err: AxiosError): void => {
-  if (err.response) {
-    log(err.response.data, 'error', false);
-    log(err.response.status, 'error');
-    log(err.response.headers, 'error', false);
-  } else if (err.request) {
-    log(err.request, 'error', false);
-  } else {
-    log(`Error, ${err.message}`, 'error');
+    dispatch(setLang(e.target.value));
+  } catch (err) {
+    toast.error((err as Error).message);
   }
-
-  log(err.config, 'error', false);
 };
 
-export { log, requestErrorHandler };
+export { switchLang };
diff --git a/src/functions/index.ts b/src/functions/index.ts
index dc176861..d6d6f056 100644
--- a/src/functions/index.ts
+++ b/src/functions/index.ts
@@ -1,3 +1 @@
-export * from './apiStore';
 export * from './helper';
-export * from './typer';
diff --git a/src/hooks/index.ts b/src/hooks/index.ts
index 960f0b6e..006699fe 100644
--- a/src/hooks/index.ts
+++ b/src/hooks/index.ts
@@ -1 +1,6 @@
+export * from './useAPI';
+export * from './useLog';
 export * from './useReduxConsts';
+export * from './useRequestErrorHandler';
+export * from './useTranslate';
+export * from './useTyper';
diff --git a/src/hooks/useAPI.ts b/src/hooks/useAPI.ts
new file mode 100644
index 00000000..f5e36111
--- /dev/null
+++ b/src/hooks/useAPI.ts
@@ -0,0 +1,43 @@
+import axios, { AxiosError, HeadersDefaults } from 'axios';
+import { useEffect, useState } from 'react';
+
+const useAPI = (
+  endPoint: string,
+  method: METHODS = 'get',
+  changeParameter?: any,
+  headers?: HeadersDefaults,
+  body?: any
+) => {
+  const [loading, setLoading] = useState<boolean>(false);
+  const [data, setData] = useState<IList | null>(null);
+  const [error, setError] = useState<string>('');
+
+  const getData = async () => {
+    setLoading(true);
+
+    axios[method](endPoint, headers, JSON.parse(body ? body : null))
+      .then((res) => {
+        setData(res.data);
+      })
+      .catch((err: AxiosError) => {
+        if (err instanceof AxiosError) {
+          setError(err.message);
+        }
+      })
+      .finally(() => {
+        setLoading(false);
+      });
+  };
+
+  useEffect(() => {
+    getData();
+  }, [changeParameter]);
+
+  return {
+    loading,
+    data,
+    error,
+  };
+};
+
+export default useAPI;
diff --git a/src/hooks/useLog.ts b/src/hooks/useLog.ts
new file mode 100644
index 00000000..c44156d2
--- /dev/null
+++ b/src/hooks/useLog.ts
@@ -0,0 +1,21 @@
+/* eslint-disable no-console */
+/**
+ * Customize console log.
+ * @param { any } msg
+ * @param { logType } type
+ * @param { isString } [ isString = true ] isString
+ * @returns { void }
+ * @example log("HI");
+ */
+const useLog = (msg: any, type: logType, isString: boolean = true): void => {
+  if (!isString) {
+    return console.log(`ℹ️ ${msg}`);
+  }
+
+  return console.log(
+    `%c ${type === 'error' ? '❌' : type === 'warn' ? '⚠️' : '💭'} ${msg} 😜`,
+    'color: pink; font-size: 20px; background-color: #000;'
+  );
+};
+
+export default useLog;
diff --git a/src/hooks/useReduxConsts.ts b/src/hooks/useReduxConsts.ts
index 93939272..600ce056 100644
--- a/src/hooks/useReduxConsts.ts
+++ b/src/hooks/useReduxConsts.ts
@@ -2,34 +2,35 @@ import { useAppDispatch, useAppSelector } from '../redux/app';
 import {
   getImage,
   getImgList,
-  getLoading,
   getMediatLoading,
   getSearchForm,
   getSearchType,
   getToggler,
   getVideoList,
 } from '../redux/reducers';
+import { getLang } from '../redux/reducers/lang';
 
 const useReduxConsts = () => {
-  const loading = useAppSelector(getLoading);
   const searchForm: SearchForm = useAppSelector(getSearchForm);
-  const imgList: IList = useAppSelector(getImgList);
-  const videoList = useAppSelector(getVideoList);
   const mediaLoading: boolean = useAppSelector(getMediatLoading);
   const searchType: searchFormType = useAppSelector(getSearchType);
   const toggler: boolean = useAppSelector(getToggler);
   const image: string = useAppSelector(getImage);
+  const imgList: IList = useAppSelector(getImgList);
+  const videoList: IList = useAppSelector(getVideoList);
+  const lang: string = useAppSelector(getLang);
+
   const dispatch = useAppDispatch();
 
   return {
-    loading,
     searchForm,
-    imgList,
-    videoList,
     mediaLoading,
     searchType,
     toggler,
     image,
+    imgList,
+    videoList,
+    lang,
     dispatch,
   };
 };
diff --git a/src/hooks/useRequestErrorHandler.ts b/src/hooks/useRequestErrorHandler.ts
new file mode 100644
index 00000000..3dad9452
--- /dev/null
+++ b/src/hooks/useRequestErrorHandler.ts
@@ -0,0 +1,24 @@
+import { AxiosError } from 'axios';
+import useLog from './useLog';
+
+/**
+ * Handle errors coming from api requests.
+ * @param { AxiosError } err - Error object
+ * @returns { void }
+ * @example  requestErrorHandler({ message: "Error" });
+ */
+const useRequestErrorHandler = (err: AxiosError): void => {
+  if (err.response) {
+    useLog(err.response.data, 'error', false);
+    useLog(err.response.status, 'error');
+    useLog(err.response.headers, 'error', false);
+  } else if (err.request) {
+    useLog(err.request, 'error', false);
+  } else {
+    useLog(`Error, ${err.message}`, 'error');
+  }
+
+  useLog(err.config, 'error', false);
+};
+
+export default useRequestErrorHandler;
diff --git a/src/hooks/useTranslate.ts b/src/hooks/useTranslate.ts
new file mode 100644
index 00000000..9ee5d2f9
--- /dev/null
+++ b/src/hooks/useTranslate.ts
@@ -0,0 +1,23 @@
+import EN from '../translations/en.json';
+import SV from '../translations/sv.json';
+
+/**
+ * @author Fadi Hanna<fhanna181@gmail.com>
+ */
+
+/**
+ * Handle translations.
+ * @function useTranslate
+ * @param { string } val
+ * @param { string } lang
+ * @returns { any } Any
+ * @example useTranslate("Start", "en");
+ */
+const useTranslate = (val: string, lang: string): any => {
+  let data: Record<string, string> = {};
+
+  data = lang === 'en' ? EN : lang === 'sv' ? SV : {};
+  return data[val];
+};
+
+export default useTranslate;
diff --git a/src/functions/typer.ts b/src/hooks/useTyper.ts
similarity index 80%
rename from src/functions/typer.ts
rename to src/hooks/useTyper.ts
index 183cb831..02ea4dd2 100644
--- a/src/functions/typer.ts
+++ b/src/hooks/useTyper.ts
@@ -1,5 +1,4 @@
 import React from 'react';
-import { Dispatch } from 'redux';
 import { setSearchForm } from '../redux/reducers';
 
 /**
@@ -8,17 +7,16 @@ import { setSearchForm } from '../redux/reducers';
 
 /**
  * Handle search-form values.
- * @function typer
  * @param { React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> } e - Event
  * @param { SearchForm } searchForm - Search form values
- * @param { Dispatch<any> } dispatch - Dispatch
+ * @param { any } dispatch - Dispatch
  * @returns { void } Void
  * @example  typer(e, { query: "Cat"; type: "Images" }, dispatch);
  */
-export const typer = (
+export const useTyper = (
   e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,
   searchForm: SearchForm,
-  dispatch: Dispatch<any>
+  dispatch: any
 ): void => {
   dispatch(
     setSearchForm({
@@ -27,3 +25,5 @@ export const typer = (
     })
   );
 };
+
+export default useTyper;
diff --git a/src/inc/Footer.tsx b/src/inc/Footer.tsx
new file mode 100644
index 00000000..2cb50010
--- /dev/null
+++ b/src/inc/Footer.tsx
@@ -0,0 +1,16 @@
+import React from 'react';
+import { MainFooter } from '../ui';
+import useTranslate from '../hooks/useTranslate';
+import useReduxConsts from '../hooks/useReduxConsts';
+
+const Footer = () => {
+  const { lang } = useReduxConsts();
+
+  return (
+    <MainFooter dataSal='fade'>
+      <i>{useTranslate('FOOTER_TXT', lang)} Fadi Hanna</i>
+    </MainFooter>
+  );
+};
+
+export default Footer;
diff --git a/src/inc/Header.tsx b/src/inc/Header.tsx
new file mode 100644
index 00000000..6df1448c
--- /dev/null
+++ b/src/inc/Header.tsx
@@ -0,0 +1,25 @@
+import React from 'react';
+import useReduxConsts from '../hooks/useReduxConsts';
+import { switchLang } from '../functions';
+import { sessionStorageKeys } from '../utils/consts';
+import { LangSwitcher } from '../styles';
+
+const Header = () => {
+  const lang = sessionStorage.getItem(sessionStorageKeys.Lang);
+  const { dispatch } = useReduxConsts();
+
+  return (
+    <header>
+      <LangSwitcher
+        defaultValue={lang === 'en' ? 'en' : 'sv'}
+        onChange={(e) => switchLang(e, dispatch)}
+        name='langList'
+      >
+        <option value='en'>EN</option>
+        <option value='sv'>SV</option>
+      </LangSwitcher>
+    </header>
+  );
+};
+
+export default Header;
diff --git a/src/index.tsx b/src/index.tsx
index b00dc765..967c6a41 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -7,13 +7,13 @@ import React from 'react';
 import GlobalStyles from './styles/globalStyles';
 import ReduxStore from './redux/ReduxStore';
 import { App } from './containers';
-import { log } from './functions';
+import useLog from './hooks/useLog';
 
 const { NODE_ENV } = process.env;
 
 if (NODE_ENV === 'development') {
   // eslint-disable-next-line quotes
-  log("It's looks like we are in a development mode!", 'log');
+  useLog("It's looks like we are in a development mode!", 'log');
 } else if (NODE_ENV === 'production') {
   console.log = () => {};
   console.warn = () => {};
diff --git a/src/redux/app/store.ts b/src/redux/app/store.ts
index bc87a0c6..df6474c9 100644
--- a/src/redux/app/store.ts
+++ b/src/redux/app/store.ts
@@ -1,24 +1,24 @@
 import { configureStore } from '@reduxjs/toolkit';
 
 import imageReducer from '../reducers/image';
-import imgListReducer from '../reducers/imgList';
-import loadingReducer from '../reducers/loading';
 import searchFormReducer from '../reducers/searchForm';
 import searchTypeReducer from '../reducers/searchType';
 import togglerReducer from '../reducers/toggler';
-import videoListReducer from '../reducers/videoList';
 import mediaLoadingReducer from '../reducers/mediaLoading';
+import imgListReducer from '../reducers/imgList';
+import videoListReducer from '../reducers/videoList';
+import langReducer from '../reducers/lang';
 
 export const store = configureStore({
   reducer: {
     image: imageReducer,
-    imgList: imgListReducer,
     toggler: togglerReducer,
-    loading: loadingReducer,
     searchForm: searchFormReducer,
     searchType: searchTypeReducer,
-    videoList: videoListReducer,
     mediaLoading: mediaLoadingReducer,
+    imgList: imgListReducer,
+    videoList: videoListReducer,
+    lang: langReducer,
   },
   middleware: (getDefaultMiddleware) =>
     getDefaultMiddleware({
diff --git a/src/redux/reducers/imgList.ts b/src/redux/reducers/imgList.ts
index 5edc3ed8..f42c28d8 100644
--- a/src/redux/reducers/imgList.ts
+++ b/src/redux/reducers/imgList.ts
@@ -5,7 +5,11 @@ import { RootState } from '../app/store';
  * @author Fadi Hanna <fhanna181@gmail.com>
  */
 
-const initialState: IList = { hits: [], totalHits: 0, total: 0 };
+const initialState: IList = {
+  total: 0,
+  totalHits: 0,
+  hits: [],
+};
 
 export const imgListSlice = createSlice({
   name: 'imgList',
diff --git a/src/redux/reducers/index.ts b/src/redux/reducers/index.ts
index 6b923ac5..943388bf 100644
--- a/src/redux/reducers/index.ts
+++ b/src/redux/reducers/index.ts
@@ -1,6 +1,5 @@
 export * from './image';
 export * from './imgList';
-export * from './loading';
 export * from './mediaLoading';
 export * from './searchForm';
 export * from './searchType';
diff --git a/src/redux/reducers/lang.ts b/src/redux/reducers/lang.ts
new file mode 100644
index 00000000..527d920f
--- /dev/null
+++ b/src/redux/reducers/lang.ts
@@ -0,0 +1,21 @@
+import { createSlice, PayloadAction } from '@reduxjs/toolkit';
+import { RootState } from '../app/store';
+
+/**
+ * @author Fadi Hanna <fhanna181@gmail.com>
+ */
+
+const initialState: string = '';
+
+export const langSlice = createSlice({
+  name: 'lang',
+  initialState,
+  reducers: {
+    setLang: (state, action: PayloadAction<string>) => (state = action.payload),
+  },
+});
+
+export const { setLang } = langSlice.actions;
+
+export default langSlice.reducer;
+export const getLang = (state: RootState) => state.lang;
diff --git a/src/redux/reducers/loading.ts b/src/redux/reducers/loading.ts
deleted file mode 100644
index d7ee1986..00000000
--- a/src/redux/reducers/loading.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { createSlice, PayloadAction } from '@reduxjs/toolkit';
-import { RootState } from '../app/store';
-
-/**
- * @author Fadi Hanna <fhanna181@gmail.com>
- */
-
-const initialState: boolean = true;
-
-export const loadingSlice = createSlice({
-  name: 'loading',
-  initialState,
-  reducers: {
-    setLoading: (state, action: PayloadAction<boolean>) =>
-      (state = action.payload),
-  },
-});
-
-export const { setLoading } = loadingSlice.actions;
-
-export default loadingSlice.reducer;
-export const getLoading = (state: RootState) => state.loading;
diff --git a/src/redux/reducers/videoList.ts b/src/redux/reducers/videoList.ts
index cdf3fa06..1ff7f539 100644
--- a/src/redux/reducers/videoList.ts
+++ b/src/redux/reducers/videoList.ts
@@ -5,7 +5,11 @@ import { RootState } from '../app/store';
  * @author Fadi Hanna <fhanna181@gmail.com>
  */
 
-const initialState: IList | null = { total: 0, totalHits: 0, hits: [] };
+const initialState: IList = {
+  total: 0,
+  totalHits: 0,
+  hits: [],
+};
 
 export const videoListSlice = createSlice({
   name: 'videoList',
diff --git a/src/styles/headerStyles.ts b/src/styles/headerStyles.ts
new file mode 100644
index 00000000..c4138090
--- /dev/null
+++ b/src/styles/headerStyles.ts
@@ -0,0 +1,19 @@
+import styled from 'styled-components';
+
+export const LangSwitcher = styled.select`
+  float: right;
+  border: 0;
+  margin: 0;
+  font-size: 1rem;
+  /* Custom dropdown styling */
+  padding: 0.5rem 1rem;
+  box-shadow:
+    inset 0 1px 0 hsla(0, 0%, 100%, 0.1),
+    0 0 0 1px hsla(230, 13%, 9%, 0.02),
+    0 0.3px 0.4px hsla(230, 13%, 9%, 0.025),
+    0 1px 3px -1px hsla(230, 13%, 9%, 0.2),
+    0 3.5px 6px hsla(230, 13%, 9%, 0.12);
+  border-radius: 0.375em;
+  transition: box-shadow 0.2s;
+  user-select: none;
+`;
diff --git a/src/styles/index.ts b/src/styles/index.ts
index 81f7cad9..77a7da2d 100644
--- a/src/styles/index.ts
+++ b/src/styles/index.ts
@@ -2,3 +2,4 @@ export * from './globalStyles';
 export * from './layoutStyles';
 export * from './photoItemStyles';
 export * from './listStyles';
+export * from './headerStyles';
diff --git a/src/styles/listStyles.ts b/src/styles/listStyles.ts
index 6d717774..3b4ad247 100644
--- a/src/styles/listStyles.ts
+++ b/src/styles/listStyles.ts
@@ -1,5 +1,15 @@
 import styled from 'styled-components';
 
+export const ImgItem = styled.img`
+  max-width: 100%;
+  height: 100%;
+`;
+
+export const ModalImg = styled.img`
+  max-width: 100%;
+  height: 100%;
+`;
+
 export const NoData = styled.div`
   grid-column-start: 3;
   grid-column-end: 5;
diff --git a/src/styles/photoItemStyles.ts b/src/styles/photoItemStyles.ts
index 497265fb..7118da55 100644
--- a/src/styles/photoItemStyles.ts
+++ b/src/styles/photoItemStyles.ts
@@ -14,6 +14,8 @@ export const Modal = styled.div`
   top: 0;
   overflow: hidden;
   width: 100%;
+  z-index: 1;
+  background-color: rgba(0, 0, 0, 0.4);
 
   @media (max-width: 1020px) {
     padding: 10px;
diff --git a/src/tests/App.test.tsx b/src/tests/App.test.tsx
index 44391732..558fdd18 100644
--- a/src/tests/App.test.tsx
+++ b/src/tests/App.test.tsx
@@ -1,13 +1,16 @@
-import { getImages, getVideos } from '../functions';
+// import useAPI from '../hooks/useAPI';
+// import { PixabayKey } from '../utils';
 
-jest.mock('axios');
+// jest.mock('axios');
 
-it('get Images', async () => {
-  const data: IList[] = await getImages('car');
-  expect(Object.entries(data)).toHaveLength(2);
-});
+// it('get Images', async () => {
+//   const imagesEndPoint: string = `?key=${PixabayKey}&q=car`;
+//   const { data } = useAPI(imagesEndPoint, 'get');
+//   expect(Object.entries(data!)).toHaveLength(2);
+// });
 
-it('get Videos', async () => {
-  const data = await getVideos<string>('car');
-  expect(data).not.toMatchObject({ totalHits: 0 });
-});
+// it('get Videos', async () => {
+//   const videosEndPoint: string = `videos/?key=${PixabayKey}&q=car`;
+//   const { data } = useAPI(videosEndPoint, 'get');
+//   expect(data).not.toMatchObject({ totalHits: 0 });
+// });
diff --git a/src/translations/en.json b/src/translations/en.json
new file mode 100644
index 00000000..079d77e7
--- /dev/null
+++ b/src/translations/en.json
@@ -0,0 +1,9 @@
+{
+  "INPUT_PLACEHOLDER_TXT": "Type here",
+  "IMAGES": "Images",
+  "VIDEOS": "Videos",
+  "RESULTS_FOUND_TXT": "Results found",
+  "FOOTER_TXT": "Created by",
+  "NO_IMAGES_FOUND_TXT": "No images found",
+  "NO_VIDEOS_FOUND_TXT": "No videos found"
+}
diff --git a/src/translations/sv.json b/src/translations/sv.json
new file mode 100644
index 00000000..451c0e85
--- /dev/null
+++ b/src/translations/sv.json
@@ -0,0 +1,9 @@
+{
+  "INPUT_PLACEHOLDER_TXT": "Skriv här",
+  "IMAGES": "Bilder",
+  "VIDEOS": "Videor",
+  "RESULTS_FOUND_TXT": "Antal resultat",
+  "FOOTER_TXT": "Skapad av ",
+  "NO_RESULTS_FOUND_TXT": "Inga bilder hittades",
+  "NO_VIDEOS_FOUND_TXT": "Inga videor hittades"
+}
diff --git a/src/types/global.d.ts b/src/types/global.d.ts
index e671b4be..35511511 100644
--- a/src/types/global.d.ts
+++ b/src/types/global.d.ts
@@ -19,6 +19,8 @@ declare global {
    * @param { string } pageURL
    * @param { string } type
    * @param { string } tags
+   * @param { number } duration
+   * @param { VideoList } videos
    * @param { string } previewURL
    * @param { number } previewWidth
    * @param { number } previewHeight
@@ -42,6 +44,8 @@ declare global {
     pageURL: string;
     type: string;
     tags: string;
+    duration?: number;
+    videos?: VideoList;
     previewURL: string;
     previewWidth: number;
     previewHeight: number;
@@ -62,6 +66,45 @@ declare global {
     userImageURL: string;
   }
 
+  export interface VideoList {
+    large: LargeOfVideoList;
+    medium: MediumOfVideoList;
+    small: SmallOfVideoList;
+    tiny: TinyOfVideoList;
+  }
+
+  export interface LargeOfVideoList {
+    url: string;
+    width: number;
+    height: number;
+    size: number;
+    thumbnail: string;
+  }
+
+  export interface MediumOfVideoList {
+    url: string;
+    width: number;
+    height: number;
+    size: number;
+    thumbnail: string;
+  }
+
+  export interface SmallOfVideoList {
+    url: string;
+    width: number;
+    height: number;
+    size: number;
+    thumbnail: string;
+  }
+
+  export interface TinyOfVideoList {
+    url: string;
+    width: number;
+    height: number;
+    size: number;
+    thumbnail: string;
+  }
+
   /**
    * FooterProps
    * @param { JSX.Element } children
@@ -93,6 +136,15 @@ declare global {
   type logType = 'warn' | 'error' | 'log';
 
   type searchFormType = 'Images' | 'Videos';
+
+  type METHODS =
+    | 'head'
+    | 'options'
+    | 'put'
+    | 'post'
+    | 'patch'
+    | 'delete'
+    | 'get';
 }
 
 export {};
diff --git a/src/utils/consts.ts b/src/utils/consts.ts
new file mode 100644
index 00000000..44f10023
--- /dev/null
+++ b/src/utils/consts.ts
@@ -0,0 +1,3 @@
+export enum sessionStorageKeys {
+  Lang = 'lang',
+}
diff --git a/tsconfig.json b/tsconfig.json
index 48240663..4f9b0173 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "baseUrl": "src",
+    "baseUrl": "../",
     "target": "ES2017",
     "lib": ["dom", "dom.iterable", "ESNext"],
     "allowJs": true,
@@ -15,7 +15,6 @@
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "sourceMap": false,
     "allowUnreachableCode": false,
     "allowUnusedLabels": false,
     "checkJs": true,
diff --git a/vite.config.mts b/vite.config.mts
index eb2cff0a..5f158118 100644
--- a/vite.config.mts
+++ b/vite.config.mts
@@ -3,6 +3,9 @@ import react from '@vitejs/plugin-react';
 
 export default defineConfig({
   plugins: [react()],
+  build: {
+    sourcemap: false,
+  },
   base: '/',
   server: {
     port: 3000,
diff --git a/yarn.lock b/yarn.lock
index 94555ab3..5f534465 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -782,16 +782,23 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
-"@eslint/js@9.9.1", "@eslint/js@^9.9.1":
-  version "9.9.1"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.9.1.tgz#4a97e85e982099d6c7ee8410aacb55adaa576f06"
-  integrity sha512-xIDQRsfg5hNBqHz04H1R3scSVwmI+KUbqjsQKHKQ1DAUSaUjYPReZZmS/5PNiKu1fUvzDd6H7DEDKACSEhu+TQ==
+"@eslint/js@9.10.0", "@eslint/js@^9.10.0":
+  version "9.10.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-9.10.0.tgz#eaa3cb0baec497970bb29e43a153d0d5650143c6"
+  integrity sha512-fuXtbiP5GWIn8Fz+LWoOMVf/Jxm+aajZYkhi6CuEm4SxymFM+eUWzbO9qXT+L0iCkL5+KGYMCSGxo686H19S1g==
 
 "@eslint/object-schema@^2.1.4":
   version "2.1.4"
   resolved "https://registry.yarnpkg.com/@eslint/object-schema/-/object-schema-2.1.4.tgz#9e69f8bb4031e11df79e03db09f9dbbae1740843"
   integrity sha512-BsWiH1yFGjXXS2yvrf5LyuoSIIbPrGUWob917o+BTKuZ7qJdxX8aJLRxs1fS9n6r7vESrq1OUqb68dANcFXuQQ==
 
+"@eslint/plugin-kit@^0.1.0":
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/@eslint/plugin-kit/-/plugin-kit-0.1.0.tgz#809b95a0227ee79c3195adfb562eb94352e77974"
+  integrity sha512-autAXT203ixhqei9xt+qkYOvY8l6LAFIdT2UXc/RPNeUVfqRF1BV94GTJyVPFKT8nFM6MyVJhjLj9E8JWvf5zQ==
+  dependencies:
+    levn "^0.4.1"
+
 "@humanwhocodes/module-importer@^1.0.1":
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
@@ -1411,10 +1418,10 @@
   dependencies:
     "@types/istanbul-lib-report" "*"
 
-"@types/jest@^29.5.12":
-  version "29.5.12"
-  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-29.5.12.tgz#7f7dc6eb4cf246d2474ed78744b05d06ce025544"
-  integrity sha512-eDC8bTvT/QhYdxJAulQikueigY5AsdBRH2yDKW3yveW7svY3+DzN84/2NUgkw10RTiJbWqZrTtoGVdYlvFJdLw==
+"@types/jest@^29.5.13":
+  version "29.5.13"
+  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-29.5.13.tgz#8bc571659f401e6a719a7bf0dbcb8b78c71a8adc"
+  integrity sha512-wd+MVEZCHt23V0/L642O5APvspWply/rGY5BcW4SUETo2UzPU3Z26qr8jC2qxpimI2jjx9h7+2cj2FwIr01bXg==
   dependencies:
     expect "^29.0.0"
     pretty-format "^29.0.0"
@@ -1424,13 +1431,20 @@
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
   integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
 
-"@types/node@*", "@types/node@^22.5.3":
+"@types/node@*":
   version "22.5.3"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-22.5.3.tgz#91a374e42c6e7ccb5893a87f1775f36ce1671d65"
   integrity sha512-njripolh85IA9SQGTAqbmnNZTdxv7X/4OYGPz8tgy5JDr8MP+uDBa921GpYEoDDnwm0Hmn5ZPeJgiiSTPoOzkQ==
   dependencies:
     undici-types "~6.19.2"
 
+"@types/node@^22.5.5":
+  version "22.5.5"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-22.5.5.tgz#52f939dd0f65fc552a4ad0b392f3c466cc5d7a44"
+  integrity sha512-Xjs4y5UPO/CLdzpgR6GirZJx36yScjh73+2NlLlkFRSoQN8B0DpfXPdZGnvVmLRLOsqDpOfTNv7D9trgGhmOIA==
+  dependencies:
+    undici-types "~6.19.2"
+
 "@types/parse-json@^4.0.0":
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.2.tgz#5950e50960793055845e956c427fc2b0d70c5239"
@@ -1458,10 +1472,10 @@
     hoist-non-react-statics "^3.3.0"
     redux "^4.0.0"
 
-"@types/react@*", "@types/react@^18.2.34", "@types/react@^18.3.5":
-  version "18.3.5"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.3.5.tgz#5f524c2ad2089c0ff372bbdabc77ca2c4dbadf8f"
-  integrity sha512-WeqMfGJLGuLCqHGYRGHxnKrXcTitc6L/nBUWfWPcTarG3t9PsquqUMuVeXZeca+mglY4Vo5GZjCi0A3Or2lnxA==
+"@types/react@*", "@types/react@^18.2.34", "@types/react@^18.3.7":
+  version "18.3.7"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.3.7.tgz#6decbfbb01f8d82d56ff5403394121940faa6569"
+  integrity sha512-KUnDCJF5+AiZd8owLIeVHqmW9yM4sqmDVf2JRJiBMFkGvkoZ4/WyV2lL4zVsoinmRS/W3FeEdZLEWFRofnT2FQ==
   dependencies:
     "@types/prop-types" "*"
     csstype "^3.0.2"
@@ -1498,100 +1512,100 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@8.3.0":
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.3.0.tgz#726627fad16d41d20539637efee8c2329fe6be32"
-  integrity sha512-FLAIn63G5KH+adZosDYiutqkOkYEx0nvcwNNfJAf+c7Ae/H35qWwTYvPZUKFj5AS+WfHG/WJJfWnDnyNUlp8UA==
+"@typescript-eslint/eslint-plugin@8.5.0":
+  version "8.5.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.5.0.tgz#7c1863693a98371703686e1c0fac64ffc576cdb1"
+  integrity sha512-lHS5hvz33iUFQKuPFGheAB84LwcJ60G8vKnEhnfcK1l8kGVLro2SFYW6K0/tj8FUhRJ0VHyg1oAfg50QGbPPHw==
   dependencies:
     "@eslint-community/regexpp" "^4.10.0"
-    "@typescript-eslint/scope-manager" "8.3.0"
-    "@typescript-eslint/type-utils" "8.3.0"
-    "@typescript-eslint/utils" "8.3.0"
-    "@typescript-eslint/visitor-keys" "8.3.0"
+    "@typescript-eslint/scope-manager" "8.5.0"
+    "@typescript-eslint/type-utils" "8.5.0"
+    "@typescript-eslint/utils" "8.5.0"
+    "@typescript-eslint/visitor-keys" "8.5.0"
     graphemer "^1.4.0"
     ignore "^5.3.1"
     natural-compare "^1.4.0"
     ts-api-utils "^1.3.0"
 
-"@typescript-eslint/eslint-plugin@8.4.0":
-  version "8.4.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.4.0.tgz#188c65610ef875a086404b5bfe105df936b035da"
-  integrity sha512-rg8LGdv7ri3oAlenMACk9e+AR4wUV0yrrG+XKsGKOK0EVgeEDqurkXMPILG2836fW4ibokTB5v4b6Z9+GYQDEw==
+"@typescript-eslint/eslint-plugin@8.6.0":
+  version "8.6.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.6.0.tgz#20049754ff9f6d3a09bf240297f029ce04290999"
+  integrity sha512-UOaz/wFowmoh2G6Mr9gw60B1mm0MzUtm6Ic8G2yM1Le6gyj5Loi/N+O5mocugRGY+8OeeKmkMmbxNqUCq3B4Sg==
   dependencies:
     "@eslint-community/regexpp" "^4.10.0"
-    "@typescript-eslint/scope-manager" "8.4.0"
-    "@typescript-eslint/type-utils" "8.4.0"
-    "@typescript-eslint/utils" "8.4.0"
-    "@typescript-eslint/visitor-keys" "8.4.0"
+    "@typescript-eslint/scope-manager" "8.6.0"
+    "@typescript-eslint/type-utils" "8.6.0"
+    "@typescript-eslint/utils" "8.6.0"
+    "@typescript-eslint/visitor-keys" "8.6.0"
     graphemer "^1.4.0"
     ignore "^5.3.1"
     natural-compare "^1.4.0"
     ts-api-utils "^1.3.0"
 
-"@typescript-eslint/parser@8.4.0", "@typescript-eslint/parser@^8.2.0":
-  version "8.4.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-8.4.0.tgz#36b7cd7643a1c190d49dc0278192b2450f615a6f"
-  integrity sha512-NHgWmKSgJk5K9N16GIhQ4jSobBoJwrmURaLErad0qlLjrpP5bECYg+wxVTGlGZmJbU03jj/dfnb6V9bw+5icsA==
+"@typescript-eslint/parser@8.6.0", "@typescript-eslint/parser@^8.5.0":
+  version "8.6.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-8.6.0.tgz#02e092b9dc8b4e319172af620d0d39b337d948f6"
+  integrity sha512-eQcbCuA2Vmw45iGfcyG4y6rS7BhWfz9MQuk409WD47qMM+bKCGQWXxvoOs1DUp+T7UBMTtRTVT+kXr7Sh4O9Ow==
   dependencies:
-    "@typescript-eslint/scope-manager" "8.4.0"
-    "@typescript-eslint/types" "8.4.0"
-    "@typescript-eslint/typescript-estree" "8.4.0"
-    "@typescript-eslint/visitor-keys" "8.4.0"
+    "@typescript-eslint/scope-manager" "8.6.0"
+    "@typescript-eslint/types" "8.6.0"
+    "@typescript-eslint/typescript-estree" "8.6.0"
+    "@typescript-eslint/visitor-keys" "8.6.0"
     debug "^4.3.4"
 
-"@typescript-eslint/scope-manager@8.3.0":
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-8.3.0.tgz#834301d2e70baf924c26818b911bdc40086f7468"
-  integrity sha512-mz2X8WcN2nVu5Hodku+IR8GgCOl4C0G/Z1ruaWN4dgec64kDBabuXyPAr+/RgJtumv8EEkqIzf3X2U5DUKB2eg==
+"@typescript-eslint/scope-manager@8.5.0":
+  version "8.5.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-8.5.0.tgz#385341de65b976f02b295b8aca54bb4ffd6b5f07"
+  integrity sha512-06JOQ9Qgj33yvBEx6tpC8ecP9o860rsR22hWMEd12WcTRrfaFgHr2RB/CA/B+7BMhHkXT4chg2MyboGdFGawYg==
   dependencies:
-    "@typescript-eslint/types" "8.3.0"
-    "@typescript-eslint/visitor-keys" "8.3.0"
+    "@typescript-eslint/types" "8.5.0"
+    "@typescript-eslint/visitor-keys" "8.5.0"
 
-"@typescript-eslint/scope-manager@8.4.0":
-  version "8.4.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-8.4.0.tgz#8a13d3c0044513d7960348db6f4789d2a06fa4b4"
-  integrity sha512-n2jFxLeY0JmKfUqy3P70rs6vdoPjHK8P/w+zJcV3fk0b0BwRXC/zxRTEnAsgYT7MwdQDt/ZEbtdzdVC+hcpF0A==
+"@typescript-eslint/scope-manager@8.6.0":
+  version "8.6.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-8.6.0.tgz#28cc2fc26a84b75addf45091a2c6283e29e2c982"
+  integrity sha512-ZuoutoS5y9UOxKvpc/GkvF4cuEmpokda4wRg64JEia27wX+PysIE9q+lzDtlHHgblwUWwo5/Qn+/WyTUvDwBHw==
   dependencies:
-    "@typescript-eslint/types" "8.4.0"
-    "@typescript-eslint/visitor-keys" "8.4.0"
+    "@typescript-eslint/types" "8.6.0"
+    "@typescript-eslint/visitor-keys" "8.6.0"
 
-"@typescript-eslint/type-utils@8.3.0":
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-8.3.0.tgz#c1ae6af8c21a27254321016b052af67ddb44a9ac"
-  integrity sha512-wrV6qh//nLbfXZQoj32EXKmwHf4b7L+xXLrP3FZ0GOUU72gSvLjeWUl5J5Ue5IwRxIV1TfF73j/eaBapxx99Lg==
+"@typescript-eslint/type-utils@8.5.0":
+  version "8.5.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-8.5.0.tgz#6215b23aa39dbbd8dde0a4ef9ee0f745410c29b1"
+  integrity sha512-N1K8Ix+lUM+cIDhL2uekVn/ZD7TZW+9/rwz8DclQpcQ9rk4sIL5CAlBC0CugWKREmDjBzI/kQqU4wkg46jWLYA==
   dependencies:
-    "@typescript-eslint/typescript-estree" "8.3.0"
-    "@typescript-eslint/utils" "8.3.0"
+    "@typescript-eslint/typescript-estree" "8.5.0"
+    "@typescript-eslint/utils" "8.5.0"
     debug "^4.3.4"
     ts-api-utils "^1.3.0"
 
-"@typescript-eslint/type-utils@8.4.0":
-  version "8.4.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-8.4.0.tgz#4a91b5789f41946adb56d73e2fb4639fdcf37af7"
-  integrity sha512-pu2PAmNrl9KX6TtirVOrbLPLwDmASpZhK/XU7WvoKoCUkdtq9zF7qQ7gna0GBZFN0hci0vHaSusiL2WpsQk37A==
+"@typescript-eslint/type-utils@8.6.0":
+  version "8.6.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-8.6.0.tgz#d4347e637478bef88cee1db691fcfa20ade9b8a0"
+  integrity sha512-dtePl4gsuenXVwC7dVNlb4mGDcKjDT/Ropsk4za/ouMBPplCLyznIaR+W65mvCvsyS97dymoBRrioEXI7k0XIg==
   dependencies:
-    "@typescript-eslint/typescript-estree" "8.4.0"
-    "@typescript-eslint/utils" "8.4.0"
+    "@typescript-eslint/typescript-estree" "8.6.0"
+    "@typescript-eslint/utils" "8.6.0"
     debug "^4.3.4"
     ts-api-utils "^1.3.0"
 
-"@typescript-eslint/types@8.3.0":
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.3.0.tgz#378e62447c2d7028236e55a81d3391026600563b"
-  integrity sha512-y6sSEeK+facMaAyixM36dQ5NVXTnKWunfD1Ft4xraYqxP0lC0POJmIaL/mw72CUMqjY9qfyVfXafMeaUj0noWw==
+"@typescript-eslint/types@8.5.0":
+  version "8.5.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.5.0.tgz#4465d99331d1276f8fb2030e4f9c73fe01a05bf9"
+  integrity sha512-qjkormnQS5wF9pjSi6q60bKUHH44j2APxfh9TQRXK8wbYVeDYYdYJGIROL87LGZZ2gz3Rbmjc736qyL8deVtdw==
 
-"@typescript-eslint/types@8.4.0":
-  version "8.4.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.4.0.tgz#b44d6a90a317a6d97a3e5fabda5196089eec6171"
-  integrity sha512-T1RB3KQdskh9t3v/qv7niK6P8yvn7ja1mS7QK7XfRVL6wtZ8/mFs/FHf4fKvTA0rKnqnYxl/uHFNbnEt0phgbw==
+"@typescript-eslint/types@8.6.0":
+  version "8.6.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-8.6.0.tgz#cdc3a16f83f2f0663d6723e9fd032331cdd9f51c"
+  integrity sha512-rojqFZGd4MQxw33SrOy09qIDS8WEldM8JWtKQLAjf/X5mGSeEFh5ixQlxssMNyPslVIk9yzWqXCsV2eFhYrYUw==
 
-"@typescript-eslint/typescript-estree@8.3.0":
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.3.0.tgz#3e3d38af101ba61a8568f034733b72bfc9f176b9"
-  integrity sha512-Mq7FTHl0R36EmWlCJWojIC1qn/ZWo2YiWYc1XVtasJ7FIgjo0MVv9rZWXEE7IK2CGrtwe1dVOxWwqXUdNgfRCA==
+"@typescript-eslint/typescript-estree@8.5.0":
+  version "8.5.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.5.0.tgz#6e5758cf2f63aa86e9ddfa4e284e2e0b81b87557"
+  integrity sha512-vEG2Sf9P8BPQ+d0pxdfndw3xIXaoSjliG0/Ejk7UggByZPKXmJmw3GW5jV2gHNQNawBUyfahoSiCFVov0Ruf7Q==
   dependencies:
-    "@typescript-eslint/types" "8.3.0"
-    "@typescript-eslint/visitor-keys" "8.3.0"
+    "@typescript-eslint/types" "8.5.0"
+    "@typescript-eslint/visitor-keys" "8.5.0"
     debug "^4.3.4"
     fast-glob "^3.3.2"
     is-glob "^4.0.3"
@@ -1599,13 +1613,13 @@
     semver "^7.6.0"
     ts-api-utils "^1.3.0"
 
-"@typescript-eslint/typescript-estree@8.4.0":
-  version "8.4.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.4.0.tgz#00ed79ae049e124db37315cde1531a900a048482"
-  integrity sha512-kJ2OIP4dQw5gdI4uXsaxUZHRwWAGpREJ9Zq6D5L0BweyOrWsL6Sz0YcAZGWhvKnH7fm1J5YFE1JrQL0c9dd53A==
+"@typescript-eslint/typescript-estree@8.6.0":
+  version "8.6.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-8.6.0.tgz#f945506de42871f04868371cb5bf21e8f7266e01"
+  integrity sha512-MOVAzsKJIPIlLK239l5s06YXjNqpKTVhBVDnqUumQJja5+Y94V3+4VUFRA0G60y2jNnTVwRCkhyGQpavfsbq/g==
   dependencies:
-    "@typescript-eslint/types" "8.4.0"
-    "@typescript-eslint/visitor-keys" "8.4.0"
+    "@typescript-eslint/types" "8.6.0"
+    "@typescript-eslint/visitor-keys" "8.6.0"
     debug "^4.3.4"
     fast-glob "^3.3.2"
     is-glob "^4.0.3"
@@ -1613,40 +1627,40 @@
     semver "^7.6.0"
     ts-api-utils "^1.3.0"
 
-"@typescript-eslint/utils@8.3.0":
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-8.3.0.tgz#b10972319deac5959c7a7075d0cf2b5e1de7ec08"
-  integrity sha512-F77WwqxIi/qGkIGOGXNBLV7nykwfjLsdauRB/DOFPdv6LTF3BHHkBpq81/b5iMPSF055oO2BiivDJV4ChvNtXA==
+"@typescript-eslint/utils@8.5.0":
+  version "8.5.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-8.5.0.tgz#4d4ffed96d0654546a37faa5b84bdce16d951634"
+  integrity sha512-6yyGYVL0e+VzGYp60wvkBHiqDWOpT63pdMV2CVG4LVDd5uR6q1qQN/7LafBZtAtNIn/mqXjsSeS5ggv/P0iECw==
   dependencies:
     "@eslint-community/eslint-utils" "^4.4.0"
-    "@typescript-eslint/scope-manager" "8.3.0"
-    "@typescript-eslint/types" "8.3.0"
-    "@typescript-eslint/typescript-estree" "8.3.0"
+    "@typescript-eslint/scope-manager" "8.5.0"
+    "@typescript-eslint/types" "8.5.0"
+    "@typescript-eslint/typescript-estree" "8.5.0"
 
-"@typescript-eslint/utils@8.4.0":
-  version "8.4.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-8.4.0.tgz#35c552a404858c853a1f62ba6df2214f1988afc3"
-  integrity sha512-swULW8n1IKLjRAgciCkTCafyTHHfwVQFt8DovmaF69sKbOxTSFMmIZaSHjqO9i/RV0wIblaawhzvtva8Nmm7lQ==
+"@typescript-eslint/utils@8.6.0":
+  version "8.6.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-8.6.0.tgz#175fe893f32804bed1e72b3364ea6bbe1044181c"
+  integrity sha512-eNp9cWnYf36NaOVjkEUznf6fEgVy1TWpE0o52e4wtojjBx7D1UV2WAWGzR+8Y5lVFtpMLPwNbC67T83DWSph4A==
   dependencies:
     "@eslint-community/eslint-utils" "^4.4.0"
-    "@typescript-eslint/scope-manager" "8.4.0"
-    "@typescript-eslint/types" "8.4.0"
-    "@typescript-eslint/typescript-estree" "8.4.0"
+    "@typescript-eslint/scope-manager" "8.6.0"
+    "@typescript-eslint/types" "8.6.0"
+    "@typescript-eslint/typescript-estree" "8.6.0"
 
-"@typescript-eslint/visitor-keys@8.3.0":
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.3.0.tgz#320d747d107af1eef1eb43fbc4ccdbddda13068b"
-  integrity sha512-RmZwrTbQ9QveF15m/Cl28n0LXD6ea2CjkhH5rQ55ewz3H24w+AMCJHPVYaZ8/0HoG8Z3cLLFFycRXxeO2tz9FA==
+"@typescript-eslint/visitor-keys@8.5.0":
+  version "8.5.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.5.0.tgz#13028df3b866d2e3e2e2cc4193cf2c1e0e04c4bf"
+  integrity sha512-yTPqMnbAZJNy2Xq2XU8AdtOW9tJIr+UQb64aXB9f3B1498Zx9JorVgFJcZpEc9UBuCCrdzKID2RGAMkYcDtZOw==
   dependencies:
-    "@typescript-eslint/types" "8.3.0"
+    "@typescript-eslint/types" "8.5.0"
     eslint-visitor-keys "^3.4.3"
 
-"@typescript-eslint/visitor-keys@8.4.0":
-  version "8.4.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.4.0.tgz#1e8a8b8fd3647db1e42361fdd8de3e1679dec9d2"
-  integrity sha512-zTQD6WLNTre1hj5wp09nBIDiOc2U5r/qmzo7wxPn4ZgAjHql09EofqhF9WF+fZHzL5aCyaIpPcT2hyxl73kr9A==
+"@typescript-eslint/visitor-keys@8.6.0":
+  version "8.6.0"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-8.6.0.tgz#5432af4a1753f376f35ab5b891fc9db237aaf76f"
+  integrity sha512-wapVFfZg9H0qOYh4grNVQiMklJGluQrOUiOhYRrQWhx7BY/+I1IYb8BczWNbbUpO+pqy0rDciv3lQH5E1bCLrg==
   dependencies:
-    "@typescript-eslint/types" "8.4.0"
+    "@typescript-eslint/types" "8.6.0"
     eslint-visitor-keys "^3.4.3"
 
 "@vitejs/plugin-react@^4.3.1":
@@ -2066,9 +2080,9 @@ camelize@^1.0.0:
   integrity sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==
 
 caniuse-lite@^1.0.30001565:
-  version "1.0.30001574"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001574.tgz#fb4f1359c77f6af942510493672e1ec7ec80230c"
-  integrity sha512-BtYEK4r/iHt/txm81KBudCUcTy7t+s9emrIaHqjYurQ10x71zJ5VQ9x1dYPcz/b+pKSp4y/v1xSI67A+LzpNyg==
+  version "1.0.30001660"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001660.tgz"
+  integrity sha512-GacvNTTuATm26qC74pt+ad1fW15mlQ/zuTzzY1ZoIzECTP8HURDfF43kNxPgf7H1jmelCBQTTbBNxdSXOA7Bqg==
 
 chalk@^2.4.2:
   version "2.4.2"
@@ -2679,10 +2693,10 @@ eslint-plugin-prettier@^5.2.1:
     prettier-linter-helpers "^1.0.0"
     synckit "^0.9.1"
 
-eslint-plugin-react@^7.35.2:
-  version "7.35.2"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.35.2.tgz#d32500d3ec268656d5071918bfec78cfd8b070ed"
-  integrity sha512-Rbj2R9zwP2GYNcIak4xoAMV57hrBh3hTaR0k7hVjwCQgryE/pw5px4b13EYjduOI0hfXyZhwBxaGpOTbWSGzKQ==
+eslint-plugin-react@^7.36.1:
+  version "7.36.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.36.1.tgz#f1dabbb11f3d4ebe8b0cf4e54aff4aee81144ee5"
+  integrity sha512-/qwbqNXZoq+VP30s1d4Nc1C5GTxjJQjk4Jzs4Wq2qzxFM7dSmuG2UkIjg2USMLh3A/aVcUNrK7v0J5U1XEGGwA==
   dependencies:
     array-includes "^3.1.8"
     array.prototype.findlast "^1.2.5"
@@ -2721,16 +2735,17 @@ eslint-visitor-keys@^4.0.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-4.0.0.tgz#e3adc021aa038a2a8e0b2f8b0ce8f66b9483b1fb"
   integrity sha512-OtIRv/2GyiF6o/d8K7MYKKbXrOUBIK6SfkIRM4Z0dY3w+LiQ0vy3F57m0Z71bjbyeiWFiHJ8brqnmE6H6/jEuw==
 
-eslint@9.9.1:
-  version "9.9.1"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.9.1.tgz#147ac9305d56696fb84cf5bdecafd6517ddc77ec"
-  integrity sha512-dHvhrbfr4xFQ9/dq+jcVneZMyRYLjggWjk6RVsIiHsP8Rz6yZ8LvZ//iU4TrZF+SXWG+JkNF2OyiZRvzgRDqMg==
+eslint@9.10.0:
+  version "9.10.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-9.10.0.tgz#0bd74d7fe4db77565d0e7f57c7df6d2b04756806"
+  integrity sha512-Y4D0IgtBZfOcOUAIQTSXBKoNGfY0REGqHJG6+Q81vNippW5YlKjHFj4soMxamKK1NXHUWuBZTLdU3Km+L/pcHw==
   dependencies:
     "@eslint-community/eslint-utils" "^4.2.0"
     "@eslint-community/regexpp" "^4.11.0"
     "@eslint/config-array" "^0.18.0"
     "@eslint/eslintrc" "^3.1.0"
-    "@eslint/js" "9.9.1"
+    "@eslint/js" "9.10.0"
+    "@eslint/plugin-kit" "^0.1.0"
     "@humanwhocodes/module-importer" "^1.0.1"
     "@humanwhocodes/retry" "^0.3.0"
     "@nodelib/fs.walk" "^1.2.8"
@@ -2753,7 +2768,6 @@ eslint@9.9.1:
     is-glob "^4.0.0"
     is-path-inside "^3.0.3"
     json-stable-stringify-without-jsonify "^1.0.1"
-    levn "^0.4.1"
     lodash.merge "^4.6.2"
     minimatch "^3.1.2"
     natural-compare "^1.4.0"
@@ -3272,10 +3286,10 @@ human-signals@^2.1.0:
   resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
   integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
 
-husky@^9.1.5:
-  version "9.1.5"
-  resolved "https://registry.yarnpkg.com/husky/-/husky-9.1.5.tgz#2b6edede53ee1adbbd3a3da490628a23f5243b83"
-  integrity sha512-rowAVRUBfI0b4+niA4SJMhfQwc107VLkBUgEYYAOQAbqDCnra1nYh83hF/MDmhYs9t9n1E3DuKOrs2LYNC+0Ag==
+husky@^9.1.6:
+  version "9.1.6"
+  resolved "https://registry.yarnpkg.com/husky/-/husky-9.1.6.tgz#e23aa996b6203ab33534bdc82306b0cf2cb07d6c"
+  integrity sha512-sqbjZKK7kf44hfdE94EoX8MZNk0n7HeW37O4YrVGCF4wzgQjp+akPAkfUK5LZ6KuR/6sqeAVuXHji+RzQgOn5A==
 
 ignore@^5.2.0, ignore@^5.3.1, ignore@^5.3.2:
   version "5.3.2"
@@ -5199,10 +5213,10 @@ strip-json-comments@~2.0.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
   integrity sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==
 
-styled-components@^6.1.12:
-  version "6.1.12"
-  resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-6.1.12.tgz#0d9d511aacfb9052936146dcc2856559e6fae4df"
-  integrity sha512-n/O4PzRPhbYI0k1vKKayfti3C/IGcPf+DqcrOB7O/ab9x4u/zjqraneT5N45+sIe87cxrCApXM8Bna7NYxwoTA==
+styled-components@^6.1.13:
+  version "6.1.13"
+  resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-6.1.13.tgz#2d777750b773b31469bd79df754a32479e9f475e"
+  integrity sha512-M0+N2xSnAtwcVAQeFEsGWFFxXDftHUD7XrKla06QbpUMmbmtFBMMTcKWvFXtWxuD5qQkB8iU5gk6QASlx2ZRMw==
   dependencies:
     "@emotion/is-prop-valid" "1.2.2"
     "@emotion/unitless" "0.8.1"
@@ -5475,19 +5489,19 @@ typed-array-length@^1.0.6:
     is-typed-array "^1.1.13"
     possible-typed-array-names "^1.0.0"
 
-typescript-eslint@^8.4.0:
-  version "8.4.0"
-  resolved "https://registry.yarnpkg.com/typescript-eslint/-/typescript-eslint-8.4.0.tgz#3fa38bd279994cdb40ba9264ef5262a17cf4cfa0"
-  integrity sha512-67qoc3zQZe3CAkO0ua17+7aCLI0dU+sSQd1eKPGq06QE4rfQjstVXR6woHO5qQvGUa550NfGckT4tzh3b3c8Pw==
+typescript-eslint@^8.6.0:
+  version "8.6.0"
+  resolved "https://registry.yarnpkg.com/typescript-eslint/-/typescript-eslint-8.6.0.tgz#5f0b5e23b34385ef146e447616c1a0d6bd14bedb"
+  integrity sha512-eEhhlxCEpCd4helh3AO1hk0UP2MvbRi9CtIAJTVPQjuSXOOO2jsEacNi4UdcJzZJbeuVg1gMhtZ8UYb+NFYPrA==
   dependencies:
-    "@typescript-eslint/eslint-plugin" "8.4.0"
-    "@typescript-eslint/parser" "8.4.0"
-    "@typescript-eslint/utils" "8.4.0"
+    "@typescript-eslint/eslint-plugin" "8.6.0"
+    "@typescript-eslint/parser" "8.6.0"
+    "@typescript-eslint/utils" "8.6.0"
 
-typescript@^5.5.4:
-  version "5.5.4"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.5.4.tgz#d9852d6c82bad2d2eda4fd74a5762a8f5909e9ba"
-  integrity sha512-Mtq29sKDAEYP7aljRgtPOpTvOfbwRWlS6dPRzwjdE+C0R4brX/GUyhHSecbHMFLNBLcJIPt9nl9yG5TZ1weH+Q==
+typescript@4.7.4:
+  version "4.7.4"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.7.4.tgz#1a88596d1cf47d59507a1bcdfb5b9dfe4d488235"
+  integrity sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==
 
 unbox-primitive@^1.0.2:
   version "1.0.2"
@@ -5560,10 +5574,10 @@ vite-plugin-environment@^1.1.3:
   resolved "https://registry.yarnpkg.com/vite-plugin-environment/-/vite-plugin-environment-1.1.3.tgz#d01a04abb2f69730a4866c9c9db51d3dab74645b"
   integrity sha512-9LBhB0lx+2lXVBEWxFZC+WO7PKEyE/ykJ7EPWCq95NEcCpblxamTbs5Dm3DLBGzwODpJMEnzQywJU8fw6XGGGA==
 
-vite@^5.4.3:
-  version "5.4.3"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-5.4.3.tgz#771c470e808cb6732f204e1ee96c2ed65b97a0eb"
-  integrity sha512-IH+nl64eq9lJjFqU+/yrRnrHPVTlgy42/+IzbOdaFDVlyLgI/wDlf+FCobXLX1cT0X5+7LMyH1mIy2xJdLfo8Q==
+vite@^5.4.6:
+  version "5.4.6"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-5.4.6.tgz#85a93a1228a7fb5a723ca1743e337a2588ed008f"
+  integrity sha512-IeL5f8OO5nylsgzd9tq4qD2QqI0k2CQLGrWD0rCN0EQJZpBK5vJAx0I+GDkMOXxQX/OfFHMuLIx6ddAxGX/k+Q==
   dependencies:
     esbuild "^0.21.3"
     postcss "^8.4.43"