diff --git a/frontend/src/@modules/socketio/hooks.ts b/frontend/src/@modules/socketio/hooks.ts
index ca550b5dc..0fcc90f97 100644
--- a/frontend/src/@modules/socketio/hooks.ts
+++ b/frontend/src/@modules/socketio/hooks.ts
@@ -1,6 +1,6 @@
 import { useEffect } from "react";
 import Socketio from ".";
-import { log } from "../../utilites/logger";
+import { log } from "../../utilities/logger";
 
 export function useSocketIOReducer(reducer: SocketIO.Reducer) {
   useEffect(() => {
diff --git a/frontend/src/@modules/socketio/index.ts b/frontend/src/@modules/socketio/index.ts
index fd571b7eb..23fbdd157 100644
--- a/frontend/src/@modules/socketio/index.ts
+++ b/frontend/src/@modules/socketio/index.ts
@@ -1,7 +1,7 @@
 import { debounce, forIn, remove, uniq } from "lodash";
 import { io, Socket } from "socket.io-client";
-import { getBaseUrl } from "../../utilites";
-import { conditionalLog, log } from "../../utilites/logger";
+import { getBaseUrl } from "../../utilities";
+import { conditionalLog, log } from "../../utilities/logger";
 import { createDefaultReducer } from "./reducer";
 
 class SocketIOClient {
diff --git a/frontend/src/@modules/task/utilites.ts b/frontend/src/@modules/task/utilities.ts
similarity index 100%
rename from frontend/src/@modules/task/utilites.ts
rename to frontend/src/@modules/task/utilities.ts
diff --git a/frontend/src/@redux/actions/site.ts b/frontend/src/@redux/actions/site.ts
index 873e67eb1..b151bfb5f 100644
--- a/frontend/src/@redux/actions/site.ts
+++ b/frontend/src/@redux/actions/site.ts
@@ -1,6 +1,6 @@
 import { createAction, createAsyncThunk } from "@reduxjs/toolkit";
 import { BadgesApi } from "../../apis";
-import { waitFor } from "../../utilites";
+import { waitFor } from "../../utilities";
 import { systemUpdateAllSettings } from "./system";
 
 export const siteBootstrap = createAsyncThunk(
diff --git a/frontend/src/@redux/hooks/async.ts b/frontend/src/@redux/hooks/async.ts
index 8553f427b..8bbd00517 100644
--- a/frontend/src/@redux/hooks/async.ts
+++ b/frontend/src/@redux/hooks/async.ts
@@ -1,6 +1,6 @@
 import { AsyncThunk } from "@reduxjs/toolkit";
 import { useEffect } from "react";
-import { log } from "../../utilites/logger";
+import { log } from "../../utilities/logger";
 import { useReduxAction } from "./base";
 
 export function useAutoUpdate(item: Async.Item<any>, update: () => void) {
diff --git a/frontend/src/@redux/hooks/movies.ts b/frontend/src/@redux/hooks/movies.ts
index df8a82272..485e93451 100644
--- a/frontend/src/@redux/hooks/movies.ts
+++ b/frontend/src/@redux/hooks/movies.ts
@@ -1,5 +1,5 @@
 import { useCallback, useMemo } from "react";
-import { useEntityItemById, useEntityToList } from "../../utilites";
+import { useEntityItemById, useEntityToList } from "../../utilities";
 import {
   movieUpdateBlacklist,
   movieUpdateById,
diff --git a/frontend/src/@redux/hooks/series.ts b/frontend/src/@redux/hooks/series.ts
index d37b7eb32..6892ced83 100644
--- a/frontend/src/@redux/hooks/series.ts
+++ b/frontend/src/@redux/hooks/series.ts
@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo } from "react";
-import { useEntityItemById, useEntityToList } from "../../utilites";
+import { useEntityItemById, useEntityToList } from "../../utilities";
 import {
   episodesUpdateBlacklist,
   episodeUpdateById,
diff --git a/frontend/src/@redux/utils/factory.ts b/frontend/src/@redux/utils/factory.ts
index 41ab339b7..46184dca4 100644
--- a/frontend/src/@redux/utils/factory.ts
+++ b/frontend/src/@redux/utils/factory.ts
@@ -15,7 +15,7 @@ import {
   pullAllWith,
 } from "lodash";
 import { ReducerUtility } from ".";
-import { conditionalLog } from "../../utilites/logger";
+import { conditionalLog } from "../../utilities/logger";
 
 interface ActionParam<T, ID = null> {
   range?: AsyncThunk<T, Parameter.Range, {}>;
diff --git a/frontend/src/App/Header.tsx b/frontend/src/App/Header.tsx
index aebdde395..ae413030c 100644
--- a/frontend/src/App/Header.tsx
+++ b/frontend/src/App/Header.tsx
@@ -24,7 +24,7 @@ import { useIsOffline } from "../@redux/hooks/site";
 import logo from "../@static/logo64.png";
 import { SystemApi } from "../apis";
 import { ActionButton, SearchBar, SearchResult } from "../components";
-import { useGotoHomepage, useIsMobile } from "../utilites";
+import { useGotoHomepage, useIsMobile } from "../utilities";
 import "./header.scss";
 import NotificationCenter from "./Notification";
 
diff --git a/frontend/src/App/Notification.tsx b/frontend/src/App/Notification.tsx
index 8930a64f2..c5d405acf 100644
--- a/frontend/src/App/Notification.tsx
+++ b/frontend/src/App/Notification.tsx
@@ -27,7 +27,7 @@ import {
 } from "react-bootstrap";
 import { useDidUpdate, useTimeoutWhen } from "rooks";
 import { useReduxStore } from "../@redux/hooks/base";
-import { BuildKey, useIsArrayExtended } from "../utilites";
+import { BuildKey, useIsArrayExtended } from "../utilities";
 import "./notification.scss";
 
 enum State {
diff --git a/frontend/src/App/Router.tsx b/frontend/src/App/Router.tsx
index ee520445a..626ec6a4d 100644
--- a/frontend/src/App/Router.tsx
+++ b/frontend/src/App/Router.tsx
@@ -8,7 +8,7 @@ import HistoryRouter from "../History/Router";
 import SettingRouter from "../Settings/Router";
 import EmptyPage, { RouterEmptyPath } from "../special-pages/404";
 import SystemRouter from "../System/Router";
-import { ScrollToTop } from "../utilites";
+import { ScrollToTop } from "../utilities";
 import WantedRouter from "../Wanted/Router";
 
 const Router: FunctionComponent<{ className?: string }> = ({ className }) => {
diff --git a/frontend/src/App/index.tsx b/frontend/src/App/index.tsx
index 3cadff45c..5d26fbd37 100644
--- a/frontend/src/App/index.tsx
+++ b/frontend/src/App/index.tsx
@@ -20,7 +20,7 @@ import Sidebar from "../Sidebar";
 import Auth from "../special-pages/AuthPage";
 import ErrorBoundary from "../special-pages/ErrorBoundary";
 import LaunchError from "../special-pages/LaunchError";
-import { useBaseUrl, useHasUpdateInject } from "../utilites";
+import { useBaseUrl, useHasUpdateInject } from "../utilities";
 import Header from "./Header";
 import Router from "./Router";
 
diff --git a/frontend/src/DisplayItem/Episodes/index.tsx b/frontend/src/DisplayItem/Episodes/index.tsx
index bda4f7cdc..6639dd2d9 100644
--- a/frontend/src/DisplayItem/Episodes/index.tsx
+++ b/frontend/src/DisplayItem/Episodes/index.tsx
@@ -13,7 +13,7 @@ import { Helmet } from "react-helmet";
 import { Redirect, RouteComponentProps, withRouter } from "react-router-dom";
 import { dispatchTask } from "../../@modules/task";
 import { useIsAnyTaskRunningWithId } from "../../@modules/task/hooks";
-import { createTask } from "../../@modules/task/utilites";
+import { createTask } from "../../@modules/task/utilities";
 import { useEpisodesBy, useProfileBy, useSerieBy } from "../../@redux/hooks";
 import { SeriesApi } from "../../apis";
 import {
@@ -24,7 +24,7 @@ import {
   useShowModal,
 } from "../../components";
 import { RouterEmptyPath } from "../../special-pages/404";
-import { useOnLoadedOnce } from "../../utilites";
+import { useOnLoadedOnce } from "../../utilities";
 import ItemOverview from "../generic/ItemOverview";
 import Table from "./table";
 
diff --git a/frontend/src/DisplayItem/Episodes/table.tsx b/frontend/src/DisplayItem/Episodes/table.tsx
index a10bc7084..24131d82a 100644
--- a/frontend/src/DisplayItem/Episodes/table.tsx
+++ b/frontend/src/DisplayItem/Episodes/table.tsx
@@ -22,7 +22,7 @@ import {
   useShowModal,
 } from "../../components";
 import { ManualSearchModal } from "../../components/modals/ManualSearchModal";
-import { BuildKey, filterSubtitleBy } from "../../utilites";
+import { BuildKey, filterSubtitleBy } from "../../utilities";
 import { SubtitleAction } from "./components";
 
 interface Props {
diff --git a/frontend/src/DisplayItem/MovieDetail/index.tsx b/frontend/src/DisplayItem/MovieDetail/index.tsx
index 86dd7b44f..dbd5041c4 100644
--- a/frontend/src/DisplayItem/MovieDetail/index.tsx
+++ b/frontend/src/DisplayItem/MovieDetail/index.tsx
@@ -13,7 +13,7 @@ import { Helmet } from "react-helmet";
 import { Redirect, RouteComponentProps, withRouter } from "react-router-dom";
 import { dispatchTask } from "../../@modules/task";
 import { useIsAnyTaskRunningWithId } from "../../@modules/task/hooks";
-import { createTask } from "../../@modules/task/utilites";
+import { createTask } from "../../@modules/task/utilities";
 import { useMovieBy, useProfileBy } from "../../@redux/hooks";
 import { MoviesApi, ProvidersApi } from "../../apis";
 import {
@@ -27,7 +27,7 @@ import {
 } from "../../components";
 import { ManualSearchModal } from "../../components/modals/ManualSearchModal";
 import { RouterEmptyPath } from "../../special-pages/404";
-import { useOnLoadedOnce } from "../../utilites";
+import { useOnLoadedOnce } from "../../utilities";
 import ItemOverview from "../generic/ItemOverview";
 import Table from "./table";
 
diff --git a/frontend/src/DisplayItem/MovieDetail/table.tsx b/frontend/src/DisplayItem/MovieDetail/table.tsx
index e8785e522..082565510 100644
--- a/frontend/src/DisplayItem/MovieDetail/table.tsx
+++ b/frontend/src/DisplayItem/MovieDetail/table.tsx
@@ -7,7 +7,7 @@ import { useProfileItemsToLanguages } from "../../@redux/hooks";
 import { useShowOnlyDesired } from "../../@redux/hooks/site";
 import { MoviesApi } from "../../apis";
 import { AsyncButton, LanguageText, SimpleTable } from "../../components";
-import { filterSubtitleBy } from "../../utilites";
+import { filterSubtitleBy } from "../../utilities";
 
 const missingText = "Missing Subtitles";
 
diff --git a/frontend/src/DisplayItem/Movies/index.tsx b/frontend/src/DisplayItem/Movies/index.tsx
index 8ca97226a..4036aa6cb 100644
--- a/frontend/src/DisplayItem/Movies/index.tsx
+++ b/frontend/src/DisplayItem/Movies/index.tsx
@@ -10,7 +10,7 @@ import { useLanguageProfiles, useMovieEntities } from "../../@redux/hooks";
 import { useReduxAction } from "../../@redux/hooks/base";
 import { MoviesApi } from "../../apis";
 import { ActionBadge, LanguageText, TextPopover } from "../../components";
-import { BuildKey } from "../../utilites";
+import { BuildKey } from "../../utilities";
 import BaseItemView from "../generic/BaseItemView";
 
 interface Props {}
diff --git a/frontend/src/DisplayItem/Series/index.tsx b/frontend/src/DisplayItem/Series/index.tsx
index 53d0da7e3..0afd29e9f 100644
--- a/frontend/src/DisplayItem/Series/index.tsx
+++ b/frontend/src/DisplayItem/Series/index.tsx
@@ -8,7 +8,7 @@ import { useLanguageProfiles, useSerieEntities } from "../../@redux/hooks";
 import { useReduxAction } from "../../@redux/hooks/base";
 import { SeriesApi } from "../../apis";
 import { ActionBadge } from "../../components";
-import { BuildKey } from "../../utilites";
+import { BuildKey } from "../../utilities";
 import BaseItemView from "../generic/BaseItemView";
 
 interface Props {}
diff --git a/frontend/src/DisplayItem/generic/BaseItemView/index.tsx b/frontend/src/DisplayItem/generic/BaseItemView/index.tsx
index 330295cc5..57ad6984c 100644
--- a/frontend/src/DisplayItem/generic/BaseItemView/index.tsx
+++ b/frontend/src/DisplayItem/generic/BaseItemView/index.tsx
@@ -9,7 +9,7 @@ import { useIsAnyTaskRunning } from "../../../@modules/task/hooks";
 import { useLanguageProfiles } from "../../../@redux/hooks";
 import { useAppDispatch } from "../../../@redux/hooks/base";
 import { ContentHeader } from "../../../components";
-import { GetItemId, isNonNullable } from "../../../utilites";
+import { GetItemId, isNonNullable } from "../../../utilities";
 import Table from "./table";
 
 export interface SharedProps<T extends Item.Base> {
diff --git a/frontend/src/DisplayItem/generic/BaseItemView/table.tsx b/frontend/src/DisplayItem/generic/BaseItemView/table.tsx
index a06b66a54..07b7c15fe 100644
--- a/frontend/src/DisplayItem/generic/BaseItemView/table.tsx
+++ b/frontend/src/DisplayItem/generic/BaseItemView/table.tsx
@@ -10,7 +10,7 @@ import {
 } from "../../../components";
 import { TableStyleProps } from "../../../components/tables/BaseTable";
 import { useCustomSelection } from "../../../components/tables/plugins";
-import { GetItemId, useEntityToList } from "../../../utilites";
+import { GetItemId, useEntityToList } from "../../../utilities";
 
 interface Props<T extends Item.Base> extends SharedProps<T> {
   dirtyItems: readonly T[];
diff --git a/frontend/src/DisplayItem/generic/ItemOverview.tsx b/frontend/src/DisplayItem/generic/ItemOverview.tsx
index 17c9db188..1c06b5d25 100644
--- a/frontend/src/DisplayItem/generic/ItemOverview.tsx
+++ b/frontend/src/DisplayItem/generic/ItemOverview.tsx
@@ -24,7 +24,7 @@ import {
 } from "react-bootstrap";
 import { useProfileBy, useProfileItemsToLanguages } from "../../@redux/hooks";
 import { LanguageText } from "../../components";
-import { BuildKey, isMovie } from "../../utilites";
+import { BuildKey, isMovie } from "../../utilities";
 
 interface Props {
   item: Item.Base;
diff --git a/frontend/src/Settings/General/index.tsx b/frontend/src/Settings/General/index.tsx
index 90a1c3d42..0049f1506 100644
--- a/frontend/src/Settings/General/index.tsx
+++ b/frontend/src/Settings/General/index.tsx
@@ -10,7 +10,7 @@ import {
   copyToClipboard,
   toggleState,
   useCanUpdateInject,
-} from "../../utilites";
+} from "../../utilities";
 import {
   Button,
   Check,
diff --git a/frontend/src/Settings/Languages/modal.tsx b/frontend/src/Settings/Languages/modal.tsx
index 92854ef22..20d1943a9 100644
--- a/frontend/src/Settings/Languages/modal.tsx
+++ b/frontend/src/Settings/Languages/modal.tsx
@@ -18,7 +18,7 @@ import {
   SimpleTable,
   useModalInformation,
 } from "../../components";
-import { BuildKey } from "../../utilites";
+import { BuildKey } from "../../utilities";
 import { Input, Message } from "../components";
 import { cutoffOptions } from "./options";
 interface Props {
diff --git a/frontend/src/Settings/Notifications/components.tsx b/frontend/src/Settings/Notifications/components.tsx
index c8db22159..16530069d 100644
--- a/frontend/src/Settings/Notifications/components.tsx
+++ b/frontend/src/Settings/Notifications/components.tsx
@@ -15,7 +15,7 @@ import {
   useOnModalShow,
   useShowModal,
 } from "../../components";
-import { BuildKey } from "../../utilites";
+import { BuildKey } from "../../utilities";
 import { ColCard, useLatestArray, useUpdateArray } from "../components";
 import { notificationsKey } from "../keys";
 
diff --git a/frontend/src/Settings/Providers/components.tsx b/frontend/src/Settings/Providers/components.tsx
index 9d08aa6f3..93000df8f 100644
--- a/frontend/src/Settings/Providers/components.tsx
+++ b/frontend/src/Settings/Providers/components.tsx
@@ -15,7 +15,7 @@ import {
   useOnModalShow,
   useShowModal,
 } from "../../components";
-import { BuildKey, isReactText } from "../../utilites";
+import { BuildKey, isReactText } from "../../utilities";
 import {
   Check,
   ColCard,
diff --git a/frontend/src/Settings/components/forms.tsx b/frontend/src/Settings/components/forms.tsx
index 93c46fc36..844fe26ab 100644
--- a/frontend/src/Settings/components/forms.tsx
+++ b/frontend/src/Settings/components/forms.tsx
@@ -14,7 +14,7 @@ import {
   Slider as CSlider,
   SliderProps as CSliderProps,
 } from "../../components";
-import { isReactText } from "../../utilites";
+import { isReactText } from "../../utilities";
 import { OverrideFuncType, useSingleUpdate } from "./hooks";
 
 export const Message: FunctionComponent<{
diff --git a/frontend/src/Settings/components/hooks.ts b/frontend/src/Settings/components/hooks.ts
index e2a81fe56..bdb98b5a0 100644
--- a/frontend/src/Settings/components/hooks.ts
+++ b/frontend/src/Settings/components/hooks.ts
@@ -1,7 +1,7 @@
 import { isArray, uniqBy } from "lodash";
 import { useCallback, useContext, useMemo } from "react";
 import { useSystemSettings } from "../../@redux/hooks";
-import { log } from "../../utilites/logger";
+import { log } from "../../utilities/logger";
 import { StagedChangesContext } from "./provider";
 
 export function useStagedValues(): LooseObject {
diff --git a/frontend/src/Settings/components/provider.tsx b/frontend/src/Settings/components/provider.tsx
index 1d25cf843..c895b47fb 100644
--- a/frontend/src/Settings/components/provider.tsx
+++ b/frontend/src/Settings/components/provider.tsx
@@ -15,7 +15,7 @@ import { useSystemSettings } from "../../@redux/hooks";
 import { useUpdateLocalStorage } from "../../@storage/local";
 import { SystemApi } from "../../apis";
 import { ContentHeader } from "../../components";
-import { log } from "../../utilites/logger";
+import { log } from "../../utilities/logger";
 import {
   enabledLanguageKey,
   languageProfileKey,
diff --git a/frontend/src/Sidebar/index.tsx b/frontend/src/Sidebar/index.tsx
index dd2c19375..00bc43f55 100644
--- a/frontend/src/Sidebar/index.tsx
+++ b/frontend/src/Sidebar/index.tsx
@@ -4,7 +4,7 @@ import { useReduxStore } from "../@redux/hooks/base";
 import { useIsRadarrEnabled, useIsSonarrEnabled } from "../@redux/hooks/site";
 import logo from "../@static/logo64.png";
 import { SidebarToggleContext } from "../App";
-import { useGotoHomepage } from "../utilites/hooks";
+import { useGotoHomepage } from "../utilities/hooks";
 import {
   BadgesContext,
   CollapseItem,
diff --git a/frontend/src/System/Logs/index.tsx b/frontend/src/System/Logs/index.tsx
index 49840abbf..9458eb636 100644
--- a/frontend/src/System/Logs/index.tsx
+++ b/frontend/src/System/Logs/index.tsx
@@ -7,7 +7,7 @@ import { useSystemLogs } from "../../@redux/hooks";
 import { useReduxAction } from "../../@redux/hooks/base";
 import { SystemApi } from "../../apis";
 import { AsyncOverlay, ContentHeader } from "../../components";
-import { useBaseUrl } from "../../utilites";
+import { useBaseUrl } from "../../utilities";
 import Table from "./table";
 
 interface Props {}
diff --git a/frontend/src/System/Releases/index.tsx b/frontend/src/System/Releases/index.tsx
index 8662840e3..8df51c975 100644
--- a/frontend/src/System/Releases/index.tsx
+++ b/frontend/src/System/Releases/index.tsx
@@ -3,7 +3,7 @@ import { Badge, Card, Col, Container, Row } from "react-bootstrap";
 import { Helmet } from "react-helmet";
 import { useSystemReleases } from "../../@redux/hooks";
 import { AsyncOverlay } from "../../components";
-import { BuildKey } from "../../utilites";
+import { BuildKey } from "../../utilities";
 
 interface Props {}
 
diff --git a/frontend/src/Wanted/Movies/index.tsx b/frontend/src/Wanted/Movies/index.tsx
index 6fc080f30..b9bd68250 100644
--- a/frontend/src/Wanted/Movies/index.tsx
+++ b/frontend/src/Wanted/Movies/index.tsx
@@ -9,7 +9,7 @@ import { useWantedMovies } from "../../@redux/hooks";
 import { useReduxAction } from "../../@redux/hooks/base";
 import { MoviesApi } from "../../apis";
 import { AsyncButton, LanguageText } from "../../components";
-import { BuildKey } from "../../utilites";
+import { BuildKey } from "../../utilities";
 import GenericWantedView from "../generic";
 
 interface Props {}
diff --git a/frontend/src/Wanted/Series/index.tsx b/frontend/src/Wanted/Series/index.tsx
index d8e8dad37..065521b86 100644
--- a/frontend/src/Wanted/Series/index.tsx
+++ b/frontend/src/Wanted/Series/index.tsx
@@ -9,7 +9,7 @@ import { useWantedSeries } from "../../@redux/hooks";
 import { useReduxAction } from "../../@redux/hooks/base";
 import { EpisodesApi, SeriesApi } from "../../apis";
 import { AsyncButton, LanguageText } from "../../components";
-import { BuildKey } from "../../utilites";
+import { BuildKey } from "../../utilities";
 import GenericWantedView from "../generic";
 
 interface Props {}
diff --git a/frontend/src/Wanted/generic/index.tsx b/frontend/src/Wanted/generic/index.tsx
index f25b346ee..53d842ac2 100644
--- a/frontend/src/Wanted/generic/index.tsx
+++ b/frontend/src/Wanted/generic/index.tsx
@@ -6,7 +6,7 @@ import { Helmet } from "react-helmet";
 import { Column } from "react-table";
 import { dispatchTask } from "../../@modules/task";
 import { useIsGroupTaskRunning } from "../../@modules/task/hooks";
-import { createTask } from "../../@modules/task/utilites";
+import { createTask } from "../../@modules/task/utilities";
 import { AsyncPageTable, ContentHeader } from "../../components";
 
 interface Props<T extends Wanted.Base> {
diff --git a/frontend/src/apis/index.ts b/frontend/src/apis/index.ts
index 9c66aa4ab..c3ec0d1d8 100644
--- a/frontend/src/apis/index.ts
+++ b/frontend/src/apis/index.ts
@@ -1,7 +1,7 @@
 import Axios, { AxiosError, AxiosInstance, CancelTokenSource } from "axios";
 import { siteRedirectToAuth } from "../@redux/actions";
 import { AppDispatch } from "../@redux/store";
-import { getBaseUrl } from "../utilites";
+import { getBaseUrl } from "../utilities";
 class Api {
   axios!: AxiosInstance;
   source!: CancelTokenSource;
diff --git a/frontend/src/components/ContentHeader/Button.tsx b/frontend/src/components/header/Button.tsx
similarity index 100%
rename from frontend/src/components/ContentHeader/Button.tsx
rename to frontend/src/components/header/Button.tsx
diff --git a/frontend/src/components/ContentHeader/Group.tsx b/frontend/src/components/header/Group.tsx
similarity index 100%
rename from frontend/src/components/ContentHeader/Group.tsx
rename to frontend/src/components/header/Group.tsx
diff --git a/frontend/src/components/ContentHeader/index.tsx b/frontend/src/components/header/index.tsx
similarity index 100%
rename from frontend/src/components/ContentHeader/index.tsx
rename to frontend/src/components/header/index.tsx
diff --git a/frontend/src/components/ContentHeader/style.scss b/frontend/src/components/header/style.scss
similarity index 100%
rename from frontend/src/components/ContentHeader/style.scss
rename to frontend/src/components/header/style.scss
diff --git a/frontend/src/components/index.tsx b/frontend/src/components/index.tsx
index 517153c0f..dc0e0999c 100644
--- a/frontend/src/components/index.tsx
+++ b/frontend/src/components/index.tsx
@@ -164,7 +164,7 @@ export const TextPopover: FunctionComponent<TextPopoverProps> = ({
 
 export * from "./async";
 export * from "./buttons";
-export * from "./ContentHeader";
+export * from "./header";
 export * from "./inputs";
 export * from "./LanguageSelector";
 export * from "./modals";
diff --git a/frontend/src/components/modals/ItemEditorModal.tsx b/frontend/src/components/modals/ItemEditorModal.tsx
index f178cf138..cc8a93468 100644
--- a/frontend/src/components/modals/ItemEditorModal.tsx
+++ b/frontend/src/components/modals/ItemEditorModal.tsx
@@ -3,7 +3,7 @@ import { Container, Form } from "react-bootstrap";
 import { AsyncButton, Selector } from "../";
 import { useIsAnyTaskRunningWithId } from "../../@modules/task/hooks";
 import { useLanguageProfiles } from "../../@redux/hooks";
-import { GetItemId } from "../../utilites";
+import { GetItemId } from "../../utilities";
 import BaseModal, { BaseModalProps } from "./BaseModal";
 import { useModalInformation } from "./hooks";
 
diff --git a/frontend/src/components/modals/ManualSearchModal.tsx b/frontend/src/components/modals/ManualSearchModal.tsx
index 8a5259719..2fb50bf99 100644
--- a/frontend/src/components/modals/ManualSearchModal.tsx
+++ b/frontend/src/components/modals/ManualSearchModal.tsx
@@ -33,9 +33,9 @@ import {
   useModalPayload,
 } from "..";
 import { dispatchTask } from "../../@modules/task";
-import { createTask } from "../../@modules/task/utilites";
+import { createTask } from "../../@modules/task/utilities";
 import { ProvidersApi } from "../../apis";
-import { GetItemId, isMovie } from "../../utilites";
+import { GetItemId, isMovie } from "../../utilities";
 import "./msmStyle.scss";
 
 type SupportType = Item.Movie | Item.Episode;
diff --git a/frontend/src/components/modals/MovieUploadModal.tsx b/frontend/src/components/modals/MovieUploadModal.tsx
index 37785aada..a0557e7b7 100644
--- a/frontend/src/components/modals/MovieUploadModal.tsx
+++ b/frontend/src/components/modals/MovieUploadModal.tsx
@@ -9,10 +9,10 @@ import React, {
 import { Button, Container, Form } from "react-bootstrap";
 import { Column, Row } from "react-table";
 import { dispatchTask } from "../../@modules/task";
-import { createTask } from "../../@modules/task/utilites";
+import { createTask } from "../../@modules/task/utilities";
 import { useProfileBy, useProfileItemsToLanguages } from "../../@redux/hooks";
 import { MoviesApi } from "../../apis";
-import { BuildKey } from "../../utilites";
+import { BuildKey } from "../../utilities";
 import { FileForm } from "../inputs";
 import { LanguageSelector } from "../LanguageSelector";
 import { SimpleTable } from "../tables";
@@ -100,6 +100,12 @@ const MovieUploadModal: FunctionComponent<BaseModalProps> = (props) => {
 
   const columns = useMemo<Column<PendingSubtitle>[]>(
     () => [
+      {
+        id: "state",
+        Cell: () => {
+          return "hello";
+        },
+      },
       {
         id: "name",
         Header: "File",
diff --git a/frontend/src/components/modals/SeriesUploadModal.tsx b/frontend/src/components/modals/SeriesUploadModal.tsx
index f0efa5a50..e91e7fb04 100644
--- a/frontend/src/components/modals/SeriesUploadModal.tsx
+++ b/frontend/src/components/modals/SeriesUploadModal.tsx
@@ -16,7 +16,7 @@ import { Button, Container, Form } from "react-bootstrap";
 import { Column, TableUpdater } from "react-table";
 import { FileForm, LanguageSelector, MessageIcon, SimpleTable } from "..";
 import { dispatchTask } from "../../@modules/task";
-import { createTask } from "../../@modules/task/utilites";
+import { createTask } from "../../@modules/task/utilities";
 import { useProfileBy, useProfileItemsToLanguages } from "../../@redux/hooks";
 import { EpisodesApi, SubtitlesApi } from "../../apis";
 import { Selector } from "../inputs";
diff --git a/frontend/src/components/modals/SubtitleToolModal.tsx b/frontend/src/components/modals/SubtitleToolModal.tsx
index eb4114038..ca79a7b09 100644
--- a/frontend/src/components/modals/SubtitleToolModal.tsx
+++ b/frontend/src/components/modals/SubtitleToolModal.tsx
@@ -40,11 +40,11 @@ import {
   useShowModal,
 } from "..";
 import { dispatchTask } from "../../@modules/task";
-import { createTask } from "../../@modules/task/utilites";
+import { createTask } from "../../@modules/task/utilities";
 import { useEnabledLanguages } from "../../@redux/hooks";
 import { SubtitlesApi } from "../../apis";
-import { isMovie, submodProcessColor } from "../../utilites";
-import { log } from "../../utilites/logger";
+import { isMovie, submodProcessColor } from "../../utilities";
+import { log } from "../../utilities/logger";
 import { useCustomSelection } from "../tables/plugins";
 import BaseModal, { BaseModalProps } from "./BaseModal";
 import { useCloseModal } from "./hooks";
diff --git a/frontend/src/components/modals/hooks.tsx b/frontend/src/components/modals/hooks.tsx
index 8cb762c9a..485261376 100644
--- a/frontend/src/components/modals/hooks.tsx
+++ b/frontend/src/components/modals/hooks.tsx
@@ -1,6 +1,6 @@
 import { useCallback, useContext, useMemo } from "react";
 import { useDidUpdate } from "rooks";
-import { log } from "../../utilites/logger";
+import { log } from "../../utilities/logger";
 import { ModalContext } from "./provider";
 
 interface ModalInformation<T> {
diff --git a/frontend/src/components/tables/AsyncPageTable.tsx b/frontend/src/components/tables/AsyncPageTable.tsx
index 254663176..00e7748b8 100644
--- a/frontend/src/components/tables/AsyncPageTable.tsx
+++ b/frontend/src/components/tables/AsyncPageTable.tsx
@@ -6,7 +6,7 @@ import {
   ScrollToTop,
   useEntityByRange,
   useIsEntityLoaded,
-} from "../../utilites";
+} from "../../utilities";
 import BaseTable, { TableStyleProps, useStyleAndOptions } from "./BaseTable";
 import PageControl from "./PageControl";
 import { useDefaultSettings } from "./plugins";
diff --git a/frontend/src/components/tables/PageTable.tsx b/frontend/src/components/tables/PageTable.tsx
index 3e2d26346..6dc839bb5 100644
--- a/frontend/src/components/tables/PageTable.tsx
+++ b/frontend/src/components/tables/PageTable.tsx
@@ -6,7 +6,7 @@ import {
   useRowSelect,
   useTable,
 } from "react-table";
-import { ScrollToTop } from "../../utilites";
+import { ScrollToTop } from "../../utilities";
 import BaseTable, { TableStyleProps, useStyleAndOptions } from "./BaseTable";
 import PageControl from "./PageControl";
 import { useCustomSelection, useDefaultSettings } from "./plugins";
diff --git a/frontend/src/special-pages/LaunchError.tsx b/frontend/src/special-pages/LaunchError.tsx
index 7611f28f6..2b7db3400 100644
--- a/frontend/src/special-pages/LaunchError.tsx
+++ b/frontend/src/special-pages/LaunchError.tsx
@@ -2,7 +2,7 @@ import { faExclamationTriangle } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import React, { FunctionComponent } from "react";
 import { Alert, Button, Container } from "react-bootstrap";
-import { Reload } from "../utilites";
+import { Reload } from "../utilities";
 
 interface Props {
   children: string;
diff --git a/frontend/src/special-pages/UIError.tsx b/frontend/src/special-pages/UIError.tsx
index bb6f95b8a..39bbd047f 100644
--- a/frontend/src/special-pages/UIError.tsx
+++ b/frontend/src/special-pages/UIError.tsx
@@ -3,7 +3,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import React, { FunctionComponent } from "react";
 import { Button, Container } from "react-bootstrap";
 import { GithubRepoRoot } from "../constants";
-import { Reload } from "../utilites";
+import { Reload } from "../utilities";
 
 interface Props {
   error: Error;
diff --git a/frontend/src/utilites/async.ts b/frontend/src/utilities/async.ts
similarity index 100%
rename from frontend/src/utilites/async.ts
rename to frontend/src/utilities/async.ts
diff --git a/frontend/src/utilites/entity.ts b/frontend/src/utilities/entity.ts
similarity index 100%
rename from frontend/src/utilites/entity.ts
rename to frontend/src/utilities/entity.ts
diff --git a/frontend/src/utilites/hooks.ts b/frontend/src/utilities/hooks.ts
similarity index 100%
rename from frontend/src/utilites/hooks.ts
rename to frontend/src/utilities/hooks.ts
diff --git a/frontend/src/utilites/index.ts b/frontend/src/utilities/index.ts
similarity index 100%
rename from frontend/src/utilites/index.ts
rename to frontend/src/utilities/index.ts
diff --git a/frontend/src/utilites/logger.ts b/frontend/src/utilities/logger.ts
similarity index 100%
rename from frontend/src/utilites/logger.ts
rename to frontend/src/utilities/logger.ts
diff --git a/frontend/src/utilites/validate.ts b/frontend/src/utilities/validate.ts
similarity index 100%
rename from frontend/src/utilites/validate.ts
rename to frontend/src/utilities/validate.ts