diff --git a/e2e-tests/cypress/eslint.config.mjs b/e2e-tests/cypress/eslint.config.mjs
index b4f00d7dbb5..19baa6d35c6 100644
--- a/e2e-tests/cypress/eslint.config.mjs
+++ b/e2e-tests/cypress/eslint.config.mjs
@@ -42,7 +42,7 @@ export default [
             'cypress/unsafe-to-chain-command': 0,
             'func-names': 0,
             'global-require': 0,
-            'lines-around-comment': 0,
+            '@stylistic/lines-around-comment': 0,
             'max-nested-callbacks': 0,
             'no-await-in-loop': 0,
             'no-loop-func': 0,
@@ -77,8 +77,8 @@ export default [
             ],
             'import/no-unresolved': 'off',
             'max-lines': ['warn', {max: 800, skipBlankLines: true, skipComments: true}],
-            'eol-last': ['error', 'always'],
-            'no-trailing-spaces': 'error',
+            '@stylistic/eol-last': ['error', 'always'],
+            '@stylistic/no-trailing-spaces': 'error',
         },
     },
 ];
diff --git a/e2e-tests/cypress/tests/integration/channels/channel_sidebar/helpers.ts b/e2e-tests/cypress/tests/integration/channels/channel_sidebar/helpers.ts
index 4ae3b8ecb70..8b1fa75df1a 100644
--- a/e2e-tests/cypress/tests/integration/channels/channel_sidebar/helpers.ts
+++ b/e2e-tests/cypress/tests/integration/channels/channel_sidebar/helpers.ts
@@ -8,7 +8,7 @@ type ClickCategoryMenuItemProps = {
     menuItemText: string;
     categoryMenuButtonName?: string;
     isSubMenu?: boolean;
-}
+};
 
 export function clickCategoryMenuItem({categoryDisplayName, menuItemText, categoryMenuButtonName = categoryDisplayName, isSubMenu = false}: ClickCategoryMenuItemProps) {
     cy.get('#SidebarContainer').should('be.visible').within(() => {
diff --git a/e2e-tests/cypress/tests/integration/channels/enterprise/cloud/billing/notify_admin_spec.ts b/e2e-tests/cypress/tests/integration/channels/enterprise/cloud/billing/notify_admin_spec.ts
index 1421bee2535..843c68ecdfa 100644
--- a/e2e-tests/cypress/tests/integration/channels/enterprise/cloud/billing/notify_admin_spec.ts
+++ b/e2e-tests/cypress/tests/integration/channels/enterprise/cloud/billing/notify_admin_spec.ts
@@ -15,7 +15,7 @@ import {newTestPassword} from '@/utils';
 
 const admin = getAdminAccount();
 
-interface Subscription{
+interface Subscription {
     id: string;
     product_id: string;
     is_free_trial: string;
@@ -23,9 +23,9 @@ interface Subscription{
 }
 
 interface Limits {
-    messages?: { history: number };
-    teams?: { active: number; teamsLoaded: boolean };
-    files?: { total_storage: number };
+    messages?: {history: number};
+    teams?: {active: number; teamsLoaded: boolean};
+    files?: {total_storage: number};
 }
 
 function simulateFilesLimitReached(fileStorageUsageBytes: number) {
@@ -85,7 +85,7 @@ function simulateSubscription(subscription: Partial<Subscription>, withLimits =
     }
 }
 
-function createUsersProcess(team: { id: string }, channel: { id: string }, times: number) {
+function createUsersProcess(team: {id: string}, channel: {id: string}, times: number) {
     const users: Cypress.UserProfile[] = [];
     for (let i = 0; i < times; i++) {
         cy.apiCreateUser({prefix: 'other'}).then(({user}) => {
diff --git a/e2e-tests/cypress/tests/integration/channels/enterprise/elasticsearch_autocomplete/system_console_spec.ts b/e2e-tests/cypress/tests/integration/channels/enterprise/elasticsearch_autocomplete/system_console_spec.ts
index 444a726a718..bb96208d147 100644
--- a/e2e-tests/cypress/tests/integration/channels/enterprise/elasticsearch_autocomplete/system_console_spec.ts
+++ b/e2e-tests/cypress/tests/integration/channels/enterprise/elasticsearch_autocomplete/system_console_spec.ts
@@ -67,8 +67,8 @@ describe('Elasticsearch system console', () => {
             return cy.get('@firstRow').then((el) => {
                 return el.find('.status-icon-success').length > 0;
             });
-        }
-        , {
+        },
+        {
             timeout: TIMEOUTS.FIVE_MIN,
             interval: TIMEOUTS.TWO_SEC,
             errorMsg: 'Reindex did not succeed in time',
diff --git a/e2e-tests/cypress/tests/integration/channels/enterprise/ldap/ldap_guest_spec.ts b/e2e-tests/cypress/tests/integration/channels/enterprise/ldap/ldap_guest_spec.ts
index 3402b78958d..616b223e6c9 100644
--- a/e2e-tests/cypress/tests/integration/channels/enterprise/ldap/ldap_guest_spec.ts
+++ b/e2e-tests/cypress/tests/integration/channels/enterprise/ldap/ldap_guest_spec.ts
@@ -271,12 +271,12 @@ function demoteUserToGuest(user: Record<string, unknown>) {
     });
 }
 
-function removeUserFromAllTeams(user: { id: string }) {
+function removeUserFromAllTeams(user: {id: string}) {
     // # Get all teams of a user
     cy.apiGetTeamsForUser(user.id).then((teams) => {
         // # Remove user from all the teams
         if (teams.length > 0) {
-            teams.forEach((team: { id: string }) => {
+            teams.forEach((team: {id: string}) => {
                 cy.apiDeleteUserFromTeam(team.id, user.id);
             });
         }
diff --git a/e2e-tests/cypress/tests/plugins/external_request.ts b/e2e-tests/cypress/tests/plugins/external_request.ts
index 78f2121329b..c5fbd654813 100644
--- a/e2e-tests/cypress/tests/plugins/external_request.ts
+++ b/e2e-tests/cypress/tests/plugins/external_request.ts
@@ -6,7 +6,7 @@ import axios from 'axios';
 
 import * as timeouts from '../fixtures/timeouts';
 
-export interface ExternalRequestUser{
+export interface ExternalRequestUser {
     username: string;
     password: string;
 }
@@ -17,7 +17,7 @@ interface ExternalRequestArg {
     path: string;
     data: any;
 }
-type ExternalRequestResult = { status: number; statusText: string; data: any; isError?: boolean } | { data: { id: string; isTimeout: boolean }; status?: undefined; statusText?: undefined; isError?: undefined };
+type ExternalRequestResult = {status: number; statusText: string; data: any; isError?: boolean} | {data: {id: string; isTimeout: boolean}; status?: undefined; statusText?: undefined; isError?: undefined};
 export default async function externalRequest(arg: ExternalRequestArg): Promise<ExternalRequestResult> {
     const {baseUrl, user, method = 'get', path, data = {}} = arg;
     const loginUrl = `${baseUrl}/api/v4/users/login`;
diff --git a/e2e-tests/cypress/tests/support/api_commands.ts b/e2e-tests/cypress/tests/support/api_commands.ts
index 188b10c6e36..02795c8aeb9 100644
--- a/e2e-tests/cypress/tests/support/api_commands.ts
+++ b/e2e-tests/cypress/tests/support/api_commands.ts
@@ -17,7 +17,7 @@ import type {ChainableT, ResponseT} from '@/types';
 // https://api.mattermost.com/#tag/commands
 // *****************************************************************************
 
-type CypressResponseBody = Cypress.Response<unknown>
+type CypressResponseBody = Cypress.Response<unknown>;
 function apiCreateCommand(command: Record<string, unknown> = {}): Cypress.Chainable<{data: CypressResponseBody['body']; status: CypressResponseBody['status']}> {
     const options = {
         url: '/api/v4/commands',
diff --git a/e2e-tests/cypress/tests/support/ui_commands.ts b/e2e-tests/cypress/tests/support/ui_commands.ts
index f25d49fc718..570e2d099ad 100644
--- a/e2e-tests/cypress/tests/support/ui_commands.ts
+++ b/e2e-tests/cypress/tests/support/ui_commands.ts
@@ -543,8 +543,8 @@ function checkRunLDAPSync() {
                 return cy.get('@firstRow').then((el) => {
                     return el.find('.status-icon-success').length > 0;
                 });
-            }
-            , {
+            },
+            {
                 timeout: TIMEOUTS.FIVE_MIN,
                 interval: TIMEOUTS.TWO_SEC,
                 errorMsg: 'AD/LDAP Sync Job did not finish',
diff --git a/e2e-tests/playwright/eslint.config.mjs b/e2e-tests/playwright/eslint.config.mjs
index 2cd60fd513f..12bb129e9f5 100644
--- a/e2e-tests/playwright/eslint.config.mjs
+++ b/e2e-tests/playwright/eslint.config.mjs
@@ -26,24 +26,24 @@ export default [
             },
         },
         rules: {
+            '@stylistic/dot-location': 'off', // Covered by Prettier
+            '@stylistic/indent': 'off', // Covered by Prettier
+            '@stylistic/lines-around-comment': 'off', // Covered by Prettier
+            '@stylistic/multiline-ternary': 'off', // Covered by Prettier
+            '@stylistic/no-mixed-operators': 'off',
+            '@stylistic/operator-linebreak': 'off', // Covered by Prettier
+            '@stylistic/space-before-function-paren': 'off', // Covered by Prettier
+            '@stylistic/wrap-regex': 'off', // Covered by Prettier
             '@typescript-eslint/explicit-module-boundary-types': 'off',
-            '@typescript-eslint/indent': 'off', // Covered by Prettier
             '@typescript-eslint/no-explicit-any': 'off',
             '@typescript-eslint/no-var-requires': 'off',
             'func-names': 'off',
-            'dot-location': 'off', // Covered by Prettier
-            'lines-around-comment': 'off', // Covered by Prettier
             'max-lines': ['warn', {max: 800, skipBlankLines: true, skipComments: true}],
-            'multiline-ternary': 'off', // Covered by Prettier
             'no-await-in-loop': 'off',
             'no-console': 'error',
             'no-loop-func': 0,
-            'no-mixed-operators': 'off',
             'no-process-env': 0,
             'no-process-exit': 0,
-            'operator-linebreak': 'off', // Covered by Prettier
-            'space-before-function-paren': 'off', // Covered by Prettier
-            'wrap-regex': 'off', // Covered by Prettier
             'headers/header-format': [
                 'error',
                 {
diff --git a/webapp/channels/src/actions/command.ts b/webapp/channels/src/actions/command.ts
index 3fb49056071..9bff4b4a979 100644
--- a/webapp/channels/src/actions/command.ts
+++ b/webapp/channels/src/actions/command.ts
@@ -43,7 +43,7 @@ export type ExecuteCommandReturnType = {
     silentFailureReason?: Error;
     commandResponse?: CommandResponse;
     appResponse?: AppCallResponse;
-}
+};
 
 export function executeCommand(message: string, args: CommandArgs): ActionFuncAsync<ExecuteCommandReturnType> {
     return async (dispatch, getState) => {
diff --git a/webapp/channels/src/actions/notification_actions.tsx b/webapp/channels/src/actions/notification_actions.tsx
index f7bbb430596..c06e32c04ed 100644
--- a/webapp/channels/src/actions/notification_actions.tsx
+++ b/webapp/channels/src/actions/notification_actions.tsx
@@ -45,7 +45,7 @@ type NotificationResult = {
     status: string;
     reason?: string;
     data?: string;
-}
+};
 
 type NotificationHooksArgs = {
     title: string;
@@ -54,7 +54,7 @@ type NotificationHooksArgs = {
     soundName: string;
     url: string;
     notify: boolean;
-}
+};
 
 /**
  * This function is used to determine if the desktop sound is enabled.
diff --git a/webapp/channels/src/actions/post_actions.ts b/webapp/channels/src/actions/post_actions.ts
index 766a3aac73c..5506045a7f7 100644
--- a/webapp/channels/src/actions/post_actions.ts
+++ b/webapp/channels/src/actions/post_actions.ts
@@ -64,7 +64,7 @@ import type {OnSubmitOptions, SubmitPostReturnType} from './views/create_comment
 export type CreatePostOptions = {
     keepDraft?: boolean;
     ignorePostError?: boolean;
-}
+};
 
 export function handleNewPost(post: Post, msg?: WebSocketMessages.Posted | WebSocketMessages.EphemeralPost): ActionFuncAsync<boolean> {
     return async (dispatch, getState) => {
diff --git a/webapp/channels/src/actions/views/channel.ts b/webapp/channels/src/actions/views/channel.ts
index 9dca2ca578e..48113053da2 100644
--- a/webapp/channels/src/actions/views/channel.ts
+++ b/webapp/channels/src/actions/views/channel.ts
@@ -369,7 +369,7 @@ export interface LoadPostsReturnValue {
     moreToLoad: boolean;
 }
 
-export type CanLoadMorePosts = typeof PostRequestTypes[keyof typeof PostRequestTypes] | undefined
+export type CanLoadMorePosts = typeof PostRequestTypes[keyof typeof PostRequestTypes] | undefined;
 
 export interface LoadPostsParameters {
     channelId: string;
diff --git a/webapp/channels/src/actions/views/create_comment.tsx b/webapp/channels/src/actions/views/create_comment.tsx
index e20ae925088..5c917b80972 100644
--- a/webapp/channels/src/actions/views/create_comment.tsx
+++ b/webapp/channels/src/actions/views/create_comment.tsx
@@ -172,7 +172,7 @@ export type OnSubmitOptions = {
     afterSubmit?: (response: SubmitPostReturnType) => void;
     afterOptimisticSubmit?: () => void;
     keepDraft?: boolean;
-}
+};
 
 export function onSubmit(
     draft: PostDraft,
diff --git a/webapp/channels/src/actions/views/drafts.ts b/webapp/channels/src/actions/views/drafts.ts
index 225048529a4..39849648778 100644
--- a/webapp/channels/src/actions/views/drafts.ts
+++ b/webapp/channels/src/actions/views/drafts.ts
@@ -26,7 +26,7 @@ type Draft = {
     key: keyof GlobalState['storage']['storage'];
     value: PostDraft;
     timestamp: Date;
-}
+};
 
 /**
  * Gets drafts stored on the server and reconciles them with any locally stored drafts.
@@ -87,10 +87,10 @@ export function removeDraft(key: string, channelId: string, rootId = ''): Action
     };
 }
 
-export function updateDraft(key: string, value: PostDraft|null, rootId = '', save = false): ActionFuncAsync<boolean> {
+export function updateDraft(key: string, value: PostDraft | null, rootId = '', save = false): ActionFuncAsync<boolean> {
     return async (dispatch, getState) => {
         const state = getState();
-        let updatedValue: PostDraft|null = null;
+        let updatedValue: PostDraft | null = null;
         if (value) {
             const timestamp = new Date().getTime();
             const data = getGlobalItem<Partial<PostDraft>>(state, key, {});
@@ -135,7 +135,7 @@ function upsertDraft(draft: PostDraft, userId: UserProfile['id'], rootId = '', c
     return Client4.upsertDraft(newDraft, connectionId);
 }
 
-export function setGlobalDraft(key: string, value: PostDraft|null, isRemote: boolean): ActionFunc {
+export function setGlobalDraft(key: string, value: PostDraft | null, isRemote: boolean): ActionFunc {
     return (dispatch) => {
         dispatch(setGlobalItem(key, value));
         dispatch(setGlobalDraftSource(key, isRemote));
diff --git a/webapp/channels/src/actions/views/login.ts b/webapp/channels/src/actions/views/login.ts
index fa7683ce1d7..3f66f138e6c 100644
--- a/webapp/channels/src/actions/views/login.ts
+++ b/webapp/channels/src/actions/views/login.ts
@@ -70,7 +70,7 @@ export function loginById(id: string, password: string): ActionFuncAsync {
     };
 }
 
-export function getUserLoginType(loginId: string): ActionFuncAsync<{auth_service: 'magic_link' | ''; is_deactivated: boolean }> {
+export function getUserLoginType(loginId: string): ActionFuncAsync<{auth_service: 'magic_link' | ''; is_deactivated: boolean}> {
     return async (dispatch) => {
         try {
             const response = await Client4.getUserLoginType(loginId);
diff --git a/webapp/channels/src/actions/views/modals.ts b/webapp/channels/src/actions/views/modals.ts
index 83d4c22246f..dd1fc5a48c3 100644
--- a/webapp/channels/src/actions/views/modals.ts
+++ b/webapp/channels/src/actions/views/modals.ts
@@ -17,7 +17,7 @@ export function openModal<P>(modalData: ModalData<P>) {
 export type CloseModalType = {
     type: string;
     modalId: string;
-}
+};
 
 export function closeModal(modalId: string) {
     return {
diff --git a/webapp/channels/src/actions/views/root.ts b/webapp/channels/src/actions/views/root.ts
index f9c7866d734..cb27cdbb9b0 100644
--- a/webapp/channels/src/actions/views/root.ts
+++ b/webapp/channels/src/actions/views/root.ts
@@ -13,7 +13,7 @@ import type {Translations} from 'types/store/i18n';
 
 const pluginTranslationSources: Record<string, TranslationPluginFunction> = {};
 
-export type TranslationPluginFunction = (locale: string) => Translations
+export type TranslationPluginFunction = (locale: string) => Translations;
 
 export function registerPluginTranslationsSource(pluginId: string, sourceFunction: TranslationPluginFunction): ThunkActionFunc<void> {
     pluginTranslationSources[pluginId] = sourceFunction;
diff --git a/webapp/channels/src/components/about_build_modal/about_build_modal.tsx b/webapp/channels/src/components/about_build_modal/about_build_modal.tsx
index 88cf5d9eabb..1560bfe17d4 100644
--- a/webapp/channels/src/components/about_build_modal/about_build_modal.tsx
+++ b/webapp/channels/src/components/about_build_modal/about_build_modal.tsx
@@ -23,7 +23,7 @@ import AboutBuildModalCloud from './about_build_modal_cloud/about_build_modal_cl
 type SocketStatus = {
     connected: boolean;
     serverHostname: string | undefined;
-}
+};
 
 type Props = {
 
diff --git a/webapp/channels/src/components/access_history_modal/access_history_modal.tsx b/webapp/channels/src/components/access_history_modal/access_history_modal.tsx
index 4f06c8cbedf..a19860d8c45 100644
--- a/webapp/channels/src/components/access_history_modal/access_history_modal.tsx
+++ b/webapp/channels/src/components/access_history_modal/access_history_modal.tsx
@@ -19,7 +19,7 @@ type Props = {
     };
     userAudits: Audit[];
     currentUserId: string;
-}
+};
 
 const AccessHistoryModal = ({
     actions: {
diff --git a/webapp/channels/src/components/actions_menu/actions_menu.tsx b/webapp/channels/src/components/actions_menu/actions_menu.tsx
index 5a499fa3a54..66cd284ae94 100644
--- a/webapp/channels/src/components/actions_menu/actions_menu.tsx
+++ b/webapp/channels/src/components/actions_menu/actions_menu.tsx
@@ -79,12 +79,12 @@ export type Props = {
         fetchBindings: (channelId: string, teamId: string) => Promise<ActionResult<AppBinding[]>>;
 
     }; // TechDebt: Made non-mandatory while converting to typescript
-}
+};
 
 type State = {
     openUp: boolean;
     appBindings?: AppBinding[];
-}
+};
 
 export class ActionMenuClass extends React.PureComponent<Props, State> {
     public static defaultProps: Partial<Props> = {
diff --git a/webapp/channels/src/components/actions_menu/actions_menu_empty_popover.tsx b/webapp/channels/src/components/actions_menu/actions_menu_empty_popover.tsx
index 491fca5940d..b3213793206 100644
--- a/webapp/channels/src/components/actions_menu/actions_menu_empty_popover.tsx
+++ b/webapp/channels/src/components/actions_menu/actions_menu_empty_popover.tsx
@@ -18,7 +18,7 @@ type Props = {
     onOpenMarketplace: () => void;
     onToggle: (open: boolean) => void;
     isOpen: boolean;
-}
+};
 
 export default function ActionsMenuEmptyPopover({
     anchorElement,
diff --git a/webapp/channels/src/components/actions_menu/actions_menu_icon.tsx b/webapp/channels/src/components/actions_menu/actions_menu_icon.tsx
index 2bfcdbe1f69..fcc585d7a8f 100644
--- a/webapp/channels/src/components/actions_menu/actions_menu_icon.tsx
+++ b/webapp/channels/src/components/actions_menu/actions_menu_icon.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type Props = {
     name: string;
     dangerous?: boolean;
-}
+};
 
 export function ActionsMenuIcon({name, dangerous}: Props) {
     const colorClass = dangerous ? 'MenuItem__compass-icon-dangerous' : 'MenuItem__compass-icon';
diff --git a/webapp/channels/src/components/actions_menu/actions_menu_tutorial_tip.tsx b/webapp/channels/src/components/actions_menu/actions_menu_tutorial_tip.tsx
index 47a6af7510b..d4da84d0d3a 100644
--- a/webapp/channels/src/components/actions_menu/actions_menu_tutorial_tip.tsx
+++ b/webapp/channels/src/components/actions_menu/actions_menu_tutorial_tip.tsx
@@ -13,7 +13,7 @@ type Props = {
     handleOpen: (e: React.MouseEvent) => void;
     handleDismiss: () => void;
     showTip: boolean;
-}
+};
 
 const title = (
     <FormattedMessage
diff --git a/webapp/channels/src/components/actions_menu/popover.tsx b/webapp/channels/src/components/actions_menu/popover.tsx
index 56ba7b333e6..d4b882642a5 100644
--- a/webapp/channels/src/components/actions_menu/popover.tsx
+++ b/webapp/channels/src/components/actions_menu/popover.tsx
@@ -23,7 +23,7 @@ export type PopoverProps = {
 
     anchorOrigin?: PopoverOrigin;
     transformOrigin?: PopoverOrigin;
-}
+};
 
 const OPEN_ANIMATION_DURATION = 150;
 const CLOSE_ANIMATION_DURATION = 100;
diff --git a/webapp/channels/src/components/activity_log_modal/activity_log_modal.tsx b/webapp/channels/src/components/activity_log_modal/activity_log_modal.tsx
index 1eedbafb1cf..a8acba935b1 100644
--- a/webapp/channels/src/components/activity_log_modal/activity_log_modal.tsx
+++ b/webapp/channels/src/components/activity_log_modal/activity_log_modal.tsx
@@ -47,7 +47,7 @@ export type Props = {
          */
         revokeSession: (userId: string, sessionId: string) => Promise<ActionResult>;
     };
-}
+};
 
 const ActivityLogModal = ({
     currentUserId,
diff --git a/webapp/channels/src/components/activity_log_modal/components/device_icon.tsx b/webapp/channels/src/components/activity_log_modal/components/device_icon.tsx
index 5cced27c539..5c5a89faeb1 100644
--- a/webapp/channels/src/components/activity_log_modal/components/device_icon.tsx
+++ b/webapp/channels/src/components/activity_log_modal/components/device_icon.tsx
@@ -10,7 +10,7 @@ import {formatAsString} from 'utils/i18n';
 type Props = {
     devicePicture?: string;
     deviceTitle: MessageDescriptor | string;
-}
+};
 
 export default function DeviceIcon(props: Props) {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/add_groups_to_channel_modal/add_groups_to_channel_modal.tsx b/webapp/channels/src/components/add_groups_to_channel_modal/add_groups_to_channel_modal.tsx
index 9735fd5a213..d0419e02a01 100644
--- a/webapp/channels/src/components/add_groups_to_channel_modal/add_groups_to_channel_modal.tsx
+++ b/webapp/channels/src/components/add_groups_to_channel_modal/add_groups_to_channel_modal.tsx
@@ -44,7 +44,7 @@ export type Props = {
         getTeam: (teamId: string) => Promise<ActionResult>;
         getAllGroupsAssociatedToTeam: (teamID: string, filterAllowReference: boolean, includeMemberCount: boolean) => Promise<ActionResult>;
     };
-}
+};
 
 type State = {
     values: GroupValue[];
@@ -53,7 +53,7 @@ type State = {
     saving: boolean;
     addError: string | null;
     loadingGroups: boolean;
-}
+};
 
 export class AddGroupsToChannelModal extends React.PureComponent<Props, State> {
     private searchTimeoutId: number;
@@ -227,7 +227,7 @@ export class AddGroupsToChannelModal extends React.PureComponent<Props, State> {
         );
     };
 
-    renderValue(props: { data: Partial<Value> }) {
+    renderValue(props: {data: Partial<Value>}) {
         return props.data.display_name;
     }
 
diff --git a/webapp/channels/src/components/add_groups_to_channel_modal/index.ts b/webapp/channels/src/components/add_groups_to_channel_modal/index.ts
index d11315d376b..cbceedbfba8 100644
--- a/webapp/channels/src/components/add_groups_to_channel_modal/index.ts
+++ b/webapp/channels/src/components/add_groups_to_channel_modal/index.ts
@@ -24,7 +24,7 @@ type OwnProps = {
     skipCommit: boolean;
     onAddCallback: (groupIDs: string[]) => void;
     excludeGroups: Group[];
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     const searchTerm = state.views.search.modalSearch;
diff --git a/webapp/channels/src/components/add_groups_to_team_modal/add_groups_to_team_modal.tsx b/webapp/channels/src/components/add_groups_to_team_modal/add_groups_to_team_modal.tsx
index ca1770a9f14..ba8964fa444 100644
--- a/webapp/channels/src/components/add_groups_to_team_modal/add_groups_to_team_modal.tsx
+++ b/webapp/channels/src/components/add_groups_to_team_modal/add_groups_to_team_modal.tsx
@@ -40,7 +40,7 @@ type Props = {
     skipCommit?: boolean;
     onAddCallback?: (groupIDs: string[]) => void;
     actions: Actions;
-}
+};
 
 export type Actions = {
     getGroupsNotAssociatedToTeam: (teamID: string, q?: string, page?: number, perPage?: number, source?: GroupSource | string, onlySyncableSources?: boolean) => Promise<ActionResult>;
@@ -56,7 +56,7 @@ type State = {
     saving: boolean;
     addError: null | string;
     loadingGroups: boolean;
-}
+};
 
 export class AddGroupsToTeamModal extends React.PureComponent<Props, State> {
     private searchTimeoutId: number;
@@ -240,7 +240,7 @@ export class AddGroupsToTeamModal extends React.PureComponent<Props, State> {
     };
 
     // public for tests
-    public renderValue = (props: { data: Value }): string | undefined => props.data.display_name;
+    public renderValue = (props: {data: Value}): string | undefined => props.data.display_name;
 
     public render(): JSX.Element {
         const numRemainingText = (
diff --git a/webapp/channels/src/components/add_groups_to_team_modal/index.ts b/webapp/channels/src/components/add_groups_to_team_modal/index.ts
index b6c1bd1873e..22dd4e9a622 100644
--- a/webapp/channels/src/components/add_groups_to_team_modal/index.ts
+++ b/webapp/channels/src/components/add_groups_to_team_modal/index.ts
@@ -23,7 +23,7 @@ type Props = {
     skipCommit?: boolean;
     onAddCallback?: (groupIDs: string[]) => void;
     excludeGroups?: Group[];
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: Props) {
     const searchTerm = state.views.search.modalSearch;
diff --git a/webapp/channels/src/components/add_user_to_channel_modal/add_user_to_channel_modal.tsx b/webapp/channels/src/components/add_user_to_channel_modal/add_user_to_channel_modal.tsx
index a4153ffba37..9f0c43a0736 100644
--- a/webapp/channels/src/components/add_user_to_channel_modal/add_user_to_channel_modal.tsx
+++ b/webapp/channels/src/components/add_user_to_channel_modal/add_user_to_channel_modal.tsx
@@ -60,7 +60,7 @@ export type Props = {
         autocompleteChannelsForSearch: (teamId: string, term: string) => Promise<ActionResult<Channel[]>>;
     };
 
-}
+};
 
 type State = {
 
@@ -94,7 +94,7 @@ type State = {
     * An error to display when the add request fails
     */
     submitError: string;
-}
+};
 
 export default class AddUserToChannelModal extends React.PureComponent<Props, State> {
     private suggestionProviders: SearchChannelWithPermissionsProvider[];
diff --git a/webapp/channels/src/components/add_user_to_group_multiselect/add_user_to_group_multiselect.tsx b/webapp/channels/src/components/add_user_to_group_multiselect/add_user_to_group_multiselect.tsx
index 3337fdcc7db..b9dd357d5df 100644
--- a/webapp/channels/src/components/add_user_to_group_multiselect/add_user_to_group_multiselect.tsx
+++ b/webapp/channels/src/components/add_user_to_group_multiselect/add_user_to_group_multiselect.tsx
@@ -60,13 +60,13 @@ export type Props = {
         loadStatusesForProfilesList: (users: UserProfile[]) => void;
         searchProfiles: (term: string, options: any) => Promise<ActionResult>;
     };
-}
+};
 
 type State = {
     values: UserProfileValue[];
     term: string;
     loadingUsers: boolean;
-}
+};
 
 export class AddUserToGroupMultiSelect extends React.PureComponent<Props, State> {
     private searchTimeoutId = 0;
diff --git a/webapp/channels/src/components/add_user_to_group_multiselect/index.ts b/webapp/channels/src/components/add_user_to_group_multiselect/index.ts
index 031bf4fb40f..ea9a8e3fa54 100644
--- a/webapp/channels/src/components/add_user_to_group_multiselect/index.ts
+++ b/webapp/channels/src/components/add_user_to_group_multiselect/index.ts
@@ -22,7 +22,7 @@ type UserProfileValue = Value & UserProfile;
 
 type OwnProps = {
     groupId?: string;
-}
+};
 
 function mapStateToProps(state: GlobalState, props: OwnProps) {
     let profiles: UserProfileValue[];
diff --git a/webapp/channels/src/components/add_user_to_group_multiselect/multiselect_option/multiselect_option.tsx b/webapp/channels/src/components/add_user_to_group_multiselect/multiselect_option/multiselect_option.tsx
index 2e5e909ed1b..123b325764d 100644
--- a/webapp/channels/src/components/add_user_to_group_multiselect/multiselect_option/multiselect_option.tsx
+++ b/webapp/channels/src/components/add_user_to_group_multiselect/multiselect_option/multiselect_option.tsx
@@ -25,7 +25,7 @@ type Props = {
     onMouseMove: (user: UserProfileValue) => void;
     userStatuses: RelationOneToOne<UserProfile, string>;
     isSelected: boolean;
-}
+};
 
 const MultiSelectOption = React.forwardRef(({
     option,
diff --git a/webapp/channels/src/components/add_users_to_group_modal/add_users_to_group_modal.tsx b/webapp/channels/src/components/add_users_to_group_modal/add_users_to_group_modal.tsx
index 8e15f418b1d..d054e86de5b 100644
--- a/webapp/channels/src/components/add_users_to_group_modal/add_users_to_group_modal.tsx
+++ b/webapp/channels/src/components/add_users_to_group_modal/add_users_to_group_modal.tsx
@@ -26,7 +26,7 @@ export type Props = {
         addUsersToGroup: (groupId: string, userIds: string[]) => Promise<ActionResult>;
         openModal: <P>(modalData: ModalData<P>) => void;
     };
-}
+};
 
 const AddUsersToGroupModal = (props: Props) => {
     const [show, setShow] = useState(true);
diff --git a/webapp/channels/src/components/add_users_to_group_modal/index.ts b/webapp/channels/src/components/add_users_to_group_modal/index.ts
index de398fe3dd7..de4f819392d 100644
--- a/webapp/channels/src/components/add_users_to_group_modal/index.ts
+++ b/webapp/channels/src/components/add_users_to_group_modal/index.ts
@@ -16,7 +16,7 @@ import AddUsersToGroupModal from './add_users_to_group_modal';
 
 type OwnProps = {
     groupId: string;
-}
+};
 
 function mapStateToProps(state: GlobalState, props: OwnProps) {
     const group = getGroup(state, props.groupId);
diff --git a/webapp/channels/src/components/add_users_to_team_modal/add_users_to_team_modal.tsx b/webapp/channels/src/components/add_users_to_team_modal/add_users_to_team_modal.tsx
index 5152c12dc37..c4e5b978cfd 100644
--- a/webapp/channels/src/components/add_users_to_team_modal/add_users_to_team_modal.tsx
+++ b/webapp/channels/src/components/add_users_to_team_modal/add_users_to_team_modal.tsx
@@ -31,8 +31,8 @@ type Props = {
     users: UserProfile[];
     intl: IntlShape;
     filterExcludeGuests?: boolean;
-    excludeUsers: { [userId: string]: UserProfile };
-    includeUsers: { [userId: string]: UserProfile };
+    excludeUsers: {[userId: string]: UserProfile};
+    includeUsers: {[userId: string]: UserProfile};
     onAddCallback: (users: UserProfile[]) => void;
     onExited?: () => void;
 
@@ -40,7 +40,7 @@ type Props = {
         getProfilesNotInTeam: (teamId: string, groupConstrained: boolean, page: number, perPage?: number, options?: Record<string, any>) => Promise<ActionResult<UserProfile[]>>;
         searchProfiles: (term: string, options?: Record<string, any>) => Promise<ActionResult<UserProfile[]>>;
     };
-}
+};
 
 type State = {
     searchResults: UserProfile[];
@@ -51,7 +51,7 @@ type State = {
     addError: null;
     loading: boolean;
     filterOptions: {[key: string]: any};
-}
+};
 
 export class AddUsersToTeamModal extends React.PureComponent<Props, State> {
     selectedItemRef: React.RefObject<HTMLDivElement>;
@@ -148,7 +148,7 @@ export class AddUsersToTeamModal extends React.PureComponent<Props, State> {
         );
     };
 
-    private renderValue = (value: { data: UserProfileValue }): string => {
+    private renderValue = (value: {data: UserProfileValue}): string => {
         return value.data?.username || '';
     };
 
diff --git a/webapp/channels/src/components/admin_console/access_control/editors/table_editor/attribute_selector_menu.tsx b/webapp/channels/src/components/admin_console/access_control/editors/table_editor/attribute_selector_menu.tsx
index a24032fef18..a735e814e06 100644
--- a/webapp/channels/src/components/admin_console/access_control/editors/table_editor/attribute_selector_menu.tsx
+++ b/webapp/channels/src/components/admin_console/access_control/editors/table_editor/attribute_selector_menu.tsx
@@ -40,7 +40,7 @@ const AttributeLabel = ({displayName, name}: AttributeLabelProps) => (
 );
 
 // Define AttributeIcon outside the main component
-const AttributeIcon = (props: IconProps & { attribute?: UserPropertyField }) => {
+const AttributeIcon = (props: IconProps & {attribute?: UserPropertyField}) => {
     const {attribute, ...iconProps} = props;
     if (attribute) {
         const valueType = attribute.attrs?.value_type;
diff --git a/webapp/channels/src/components/admin_console/access_control/modals/confirmation/confirmation_modal.tsx b/webapp/channels/src/components/admin_console/access_control/modals/confirmation/confirmation_modal.tsx
index 0bb619cd7e8..04f6295589e 100644
--- a/webapp/channels/src/components/admin_console/access_control/modals/confirmation/confirmation_modal.tsx
+++ b/webapp/channels/src/components/admin_console/access_control/modals/confirmation/confirmation_modal.tsx
@@ -15,7 +15,7 @@ type Props = {
     channelsAffected: number;
     publicChannelsAffected?: number;
     privateChannelsAffected?: number;
-}
+};
 
 export default function PolicyConfirmationModal({active, onExited, onConfirm, channelsAffected, publicChannelsAffected = 0, privateChannelsAffected = 0}: Props) {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/admin_console/access_control/modals/policy_test/test_modal.tsx b/webapp/channels/src/components/admin_console/access_control/modals/policy_test/test_modal.tsx
index 8f9df2e7e9c..48ef4ceb30b 100644
--- a/webapp/channels/src/components/admin_console/access_control/modals/policy_test/test_modal.tsx
+++ b/webapp/channels/src/components/admin_console/access_control/modals/policy_test/test_modal.tsx
@@ -28,7 +28,7 @@ type Props = {
         searchUsers: (term: string, after: string, limit: number) => ActionFuncAsync<AccessControlTestResult>;
         openModal?: <P>(modalData: ModalData<P>) => void;
     };
-}
+};
 
 function TestResultsModal({
     onExited,
diff --git a/webapp/channels/src/components/admin_console/access_control/policy_details/channel_list/channel_list.tsx b/webapp/channels/src/components/admin_console/access_control/policy_details/channel_list/channel_list.tsx
index da98308289d..66d33dccf18 100644
--- a/webapp/channels/src/components/admin_console/access_control/policy_details/channel_list/channel_list.tsx
+++ b/webapp/channels/src/components/admin_console/access_control/policy_details/channel_list/channel_list.tsx
@@ -25,7 +25,7 @@ import './channel_list.scss';
 type PolicyActiveStatus = {
     id: string;
     active: boolean;
-}
+};
 
 type Props = WrappedComponentProps & {
     channels: ChannelWithTeamData[];
@@ -45,14 +45,14 @@ type Props = WrappedComponentProps & {
         setChannelListSearch: (term: string) => void;
         setChannelListFilters: (filters: ChannelSearchOpts) => void;
     };
-}
+};
 
 type State = {
     loading: boolean;
     page: number;
     after: string;
     cursorHistory: string[];
-}
+};
 
 const PAGE_SIZE = 10;
 
diff --git a/webapp/channels/src/components/admin_console/access_control/policy_details/channel_list/index.ts b/webapp/channels/src/components/admin_console/access_control/policy_details/channel_list/index.ts
index c3b1d1f3853..2697db52349 100644
--- a/webapp/channels/src/components/admin_console/access_control/policy_details/channel_list/index.ts
+++ b/webapp/channels/src/components/admin_console/access_control/policy_details/channel_list/index.ts
@@ -23,7 +23,7 @@ type OwnProps = {
     policyId?: string;
     channelsToAdd: Record<string, ChannelWithTeamData>;
     teamId?: string;
-}
+};
 
 const EMPTY_FILTERS: ChannelSearchOpts = {};
 const EMPTY_SEARCH_TERM = '';
diff --git a/webapp/channels/src/components/admin_console/access_control/policy_details/index.ts b/webapp/channels/src/components/admin_console/access_control/policy_details/index.ts
index 9271d7f9c83..7b827d027ce 100644
--- a/webapp/channels/src/components/admin_console/access_control/policy_details/index.ts
+++ b/webapp/channels/src/components/admin_console/access_control/policy_details/index.ts
@@ -21,7 +21,7 @@ type OwnProps = {
             policy_id: string;
         };
     };
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     const policyId = ownProps.match.params.policy_id;
diff --git a/webapp/channels/src/components/admin_console/access_control/policy_details/policy_details.tsx b/webapp/channels/src/components/admin_console/access_control/policy_details/policy_details.tsx
index 0c88254d576..6428df4ea09 100644
--- a/webapp/channels/src/components/admin_console/access_control/policy_details/policy_details.tsx
+++ b/webapp/channels/src/components/admin_console/access_control/policy_details/policy_details.tsx
@@ -46,7 +46,7 @@ interface PolicyActions {
     setNavigationBlocked: (blocked: boolean) => void;
     assignChannelsToAccessControlPolicy: (policyId: string, channelIds: string[]) => Promise<ActionResult>;
     unassignChannelsFromAccessControlPolicy: (policyId: string, channelIds: string[]) => Promise<ActionResult>;
-    createJob: (job: JobTypeBase & { data: any }) => Promise<ActionResult>;
+    createJob: (job: JobTypeBase & {data: any}) => Promise<ActionResult>;
     updateAccessControlPoliciesActive: (states: AccessControlPolicyActiveUpdate[]) => Promise<ActionResult>;
 }
 
diff --git a/webapp/channels/src/components/admin_console/admin_console.tsx b/webapp/channels/src/components/admin_console/admin_console.tsx
index 32661f389b8..7b1c8619b3e 100644
--- a/webapp/channels/src/components/admin_console/admin_console.tsx
+++ b/webapp/channels/src/components/admin_console/admin_console.tsx
@@ -44,7 +44,7 @@ type ExtraProps = {
     patchConfig: (config: DeepPartial<AdminConfig>) => Promise<ActionResult>;
     cloud: CloudState;
     isCurrentUserSystemAdmin: boolean;
-}
+};
 
 /**
  * Focus or scroll to a provided hash for the given {@link Location}.
diff --git a/webapp/channels/src/components/admin_console/admin_definition.tsx b/webapp/channels/src/components/admin_console/admin_definition.tsx
index 5a1e564cf6e..9675831d5e0 100644
--- a/webapp/channels/src/components/admin_console/admin_definition.tsx
+++ b/webapp/channels/src/components/admin_console/admin_definition.tsx
@@ -5006,7 +5006,7 @@ const AdminDefinition: AdminDefinitionType = {
                     id: 'OAuthSettings',
                     name: defineMessage({id: 'admin.authentication.oauth', defaultMessage: 'OAuth 2.0'}),
                     onConfigLoad: (config) => {
-                        const newState: { oauthType?: string; 'GitLabSettings.Url'?: string } = {};
+                        const newState: {oauthType?: string; 'GitLabSettings.Url'?: string} = {};
                         if (config.GitLabSettings?.Enable) {
                             newState.oauthType = Constants.GITLAB_SERVICE;
                         }
@@ -5330,7 +5330,7 @@ const AdminDefinition: AdminDefinitionType = {
                     id: 'OpenIdSettings',
                     name: defineMessage({id: 'admin.authentication.openid', defaultMessage: 'OpenID Connect'}),
                     onConfigLoad: (config) => {
-                        const newState: { openidType?: string; 'GitLabSettings.Url'?: string } = {};
+                        const newState: {openidType?: string; 'GitLabSettings.Url'?: string} = {};
                         if (config.Office365Settings?.Enable) {
                             newState.openidType = Constants.OFFICE365_SERVICE;
                         }
diff --git a/webapp/channels/src/components/admin_console/admin_definition_helpers.tsx b/webapp/channels/src/components/admin_console/admin_definition_helpers.tsx
index ca914b01e5d..e75fa3818a8 100644
--- a/webapp/channels/src/components/admin_console/admin_definition_helpers.tsx
+++ b/webapp/channels/src/components/admin_console/admin_definition_helpers.tsx
@@ -65,7 +65,7 @@ export const it = {
         return cloud?.subscription?.is_free_trial === 'true';
     },
     userHasReadPermissionOnResource: (key: string) => (config: Partial<AdminConfig>, state: any, license?: ClientLicense, enterpriseReady?: boolean, consoleAccess?: ConsoleAccess) => (consoleAccess?.read as any)?.[key],
-    userHasReadPermissionOnSomeResources: (key: { [key: string]: string }) => (config: Partial<AdminConfig>, state: any, license?: ClientLicense, enterpriseReady?: boolean, consoleAccess?: ConsoleAccess) => Object.values(key).some((resource) => (consoleAccess?.read as any)?.[resource]),
+    userHasReadPermissionOnSomeResources: (key: {[key: string]: string}) => (config: Partial<AdminConfig>, state: any, license?: ClientLicense, enterpriseReady?: boolean, consoleAccess?: ConsoleAccess) => Object.values(key).some((resource) => (consoleAccess?.read as any)?.[resource]),
     userHasWritePermissionOnResource: (key: string) => (config: Partial<AdminConfig>, state: any, license?: ClientLicense, enterpriseReady?: boolean, consoleAccess?: ConsoleAccess) => (consoleAccess?.write as any)?.[key],
     isSystemAdmin: (config: Partial<AdminConfig>, state: any, license?: ClientLicense, enterpriseReady?: boolean, consoleAccess?: ConsoleAccess, cloud?: CloudState, isSystemAdmin?: boolean) => Boolean(isSystemAdmin),
 };
diff --git a/webapp/channels/src/components/admin_console/admin_settings/admin_settings.tsx b/webapp/channels/src/components/admin_console/admin_settings/admin_settings.tsx
index 9dabea9d4cd..bdbcfb7ed2f 100644
--- a/webapp/channels/src/components/admin_console/admin_settings/admin_settings.tsx
+++ b/webapp/channels/src/components/admin_console/admin_settings/admin_settings.tsx
@@ -20,7 +20,7 @@ type Props = {
     saving: boolean;
     saveNeeded: boolean;
     serverError?: React.ReactNode;
-}
+};
 
 const AdminSettings = ({
     doSubmit,
diff --git a/webapp/channels/src/components/admin_console/admin_sidebar/admin_sidebar.tsx b/webapp/channels/src/components/admin_console/admin_sidebar/admin_sidebar.tsx
index 18eac8f77e7..3734840c19a 100644
--- a/webapp/channels/src/components/admin_console/admin_sidebar/admin_sidebar.tsx
+++ b/webapp/channels/src/components/admin_console/admin_sidebar/admin_sidebar.tsx
@@ -33,7 +33,7 @@ export interface Props extends PropsFromRedux {
 type State = {
     sections: string[] | null;
     filter: string;
-}
+};
 
 class AdminSidebar extends React.PureComponent<Props, State> {
     searchRef: React.RefObject<HTMLInputElement>;
diff --git a/webapp/channels/src/components/admin_console/admin_sidebar/admin_sidebar_category.tsx b/webapp/channels/src/components/admin_console/admin_sidebar/admin_sidebar_category.tsx
index f54cdf01d0b..7757364c72d 100644
--- a/webapp/channels/src/components/admin_console/admin_sidebar/admin_sidebar_category.tsx
+++ b/webapp/channels/src/components/admin_console/admin_sidebar/admin_sidebar_category.tsx
@@ -14,7 +14,7 @@ type Props = {
     name?: string;
     parentLink?: string;
     sectionClass?: string;
-}
+};
 
 const AdminSidebarCategory = ({icon, title, action, children, definitionKey, name, parentLink = '', sectionClass}: Props) => {
     let link = parentLink;
diff --git a/webapp/channels/src/components/admin_console/admin_sidebar/admin_sidebar_section.tsx b/webapp/channels/src/components/admin_console/admin_sidebar/admin_sidebar_section.tsx
index 72d360852a6..6aa38a37cdd 100644
--- a/webapp/channels/src/components/admin_console/admin_sidebar/admin_sidebar_section.tsx
+++ b/webapp/channels/src/components/admin_console/admin_sidebar/admin_sidebar_section.tsx
@@ -19,7 +19,7 @@ type Props = {
     subsection?: boolean;
     tag?: string | JSX.Element;
     restrictedIndicator?: string | JSX.Element;
-}
+};
 
 const AdminSidebarSection = ({name, title, action, children = [], definitionKey, type, parentLink = '', subsection = false, tag, restrictedIndicator}: Props) => {
     const getLink = () => parentLink + '/' + name;
diff --git a/webapp/channels/src/components/admin_console/admin_sidebar_header/admin_sidebar_header.tsx b/webapp/channels/src/components/admin_console/admin_sidebar_header/admin_sidebar_header.tsx
index 8ae6d13a751..627aac9d884 100644
--- a/webapp/channels/src/components/admin_console/admin_sidebar_header/admin_sidebar_header.tsx
+++ b/webapp/channels/src/components/admin_console/admin_sidebar_header/admin_sidebar_header.tsx
@@ -15,7 +15,7 @@ import Avatar from 'components/widgets/users/avatar';
 
 type Props = {
     currentUser: UserProfile;
-}
+};
 
 const SidebarHeader = ({currentUser: me}: Props) => {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/admin_console/admin_user_card/admin_user_card.tsx b/webapp/channels/src/components/admin_console/admin_user_card/admin_user_card.tsx
index d539794b30f..02a86b6b23f 100644
--- a/webapp/channels/src/components/admin_console/admin_user_card/admin_user_card.tsx
+++ b/webapp/channels/src/components/admin_console/admin_user_card/admin_user_card.tsx
@@ -15,14 +15,14 @@ import './admin_user_card.scss';
 
 type BulletProps = {
     user: UserProfile;
-}
+};
 
 export type Props = {
     user?: UserProfile;
     isLoading?: boolean;
     body?: React.ReactNode;
     footer?: React.ReactNode;
-}
+};
 
 const AdminUserCard = ({isLoading = false, ...props}: Props) => {
     if (!props.user || isLoading) {
diff --git a/webapp/channels/src/components/admin_console/banner.tsx b/webapp/channels/src/components/admin_console/banner.tsx
index 940924b2fbf..e05daa69164 100644
--- a/webapp/channels/src/components/admin_console/banner.tsx
+++ b/webapp/channels/src/components/admin_console/banner.tsx
@@ -7,7 +7,7 @@ import {FormattedMessage} from 'react-intl';
 type Props = {
     title?: JSX.Element;
     description: JSX.Element;
-}
+};
 
 const Banner: React.FC<Props> = (props: Props) => {
     let title = (
diff --git a/webapp/channels/src/components/admin_console/billing/billing_history_modal.tsx b/webapp/channels/src/components/admin_console/billing/billing_history_modal.tsx
index 8559e219637..0da603e8933 100644
--- a/webapp/channels/src/components/admin_console/billing/billing_history_modal.tsx
+++ b/webapp/channels/src/components/admin_console/billing/billing_history_modal.tsx
@@ -23,7 +23,7 @@ import './billing_history.scss';
 type BillingHistoryModalProps = {
     invoices: Invoice[] | undefined;
     onHide?: () => void;
-}
+};
 
 const invoiceListToRecordList = (invoices: Invoice[]) => {
     const records = {} as Record<string, Invoice>;
diff --git a/webapp/channels/src/components/admin_console/billing/billing_subscriptions/contact_sales_card.tsx b/webapp/channels/src/components/admin_console/billing/billing_subscriptions/contact_sales_card.tsx
index bf09cc4dd28..70eab1e0bb1 100644
--- a/webapp/channels/src/components/admin_console/billing/billing_subscriptions/contact_sales_card.tsx
+++ b/webapp/channels/src/components/admin_console/billing/billing_subscriptions/contact_sales_card.tsx
@@ -17,7 +17,7 @@ type Props = {
     isFreeTrial: boolean;
     subscriptionPlan: string | undefined;
     onUpgradeMattermostCloud: () => void;
-}
+};
 
 const ContactSalesCard = (props: Props) => {
     const [openSalesLink, contactSalesLink] = useOpenSalesLink();
diff --git a/webapp/channels/src/components/admin_console/billing/billing_summary/billing_summary.tsx b/webapp/channels/src/components/admin_console/billing/billing_summary/billing_summary.tsx
index 4dbdc7c00b5..847e50f3611 100644
--- a/webapp/channels/src/components/admin_console/billing/billing_summary/billing_summary.tsx
+++ b/webapp/channels/src/components/admin_console/billing/billing_summary/billing_summary.tsx
@@ -67,7 +67,7 @@ export const noBillingHistory = (
 
 type FreeTrialProps = {
     daysLeftOnTrial: number;
-}
+};
 
 export const FreeTrial = ({daysLeftOnTrial}: FreeTrialProps) => {
     const [openSalesLink] = useOpenSalesLink();
@@ -147,7 +147,7 @@ type InvoiceInfoProps = {
     fullCharges: InvoiceLineItem[];
     partialCharges: InvoiceLineItem[];
     hasMore?: number;
-}
+};
 
 export const InvoiceInfo = ({invoice, product, fullCharges, partialCharges, hasMore}: InvoiceInfoProps) => {
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/admin_console/billing/billing_summary/index.tsx b/webapp/channels/src/components/admin_console/billing/billing_summary/index.tsx
index 3d6916ad0a8..778713b169a 100644
--- a/webapp/channels/src/components/admin_console/billing/billing_summary/index.tsx
+++ b/webapp/channels/src/components/admin_console/billing/billing_summary/index.tsx
@@ -13,7 +13,7 @@ import './billing_summary.scss';
 type BillingSummaryProps = {
     isFreeTrial: boolean;
     daysLeftOnTrial: number;
-}
+};
 
 export default function BillingSummary({isFreeTrial, daysLeftOnTrial}: BillingSummaryProps) {
     let body = noBillingHistory;
diff --git a/webapp/channels/src/components/admin_console/billing/plan_details/index.tsx b/webapp/channels/src/components/admin_console/billing/plan_details/index.tsx
index 4b635970749..4a81dd0adae 100644
--- a/webapp/channels/src/components/admin_console/billing/plan_details/index.tsx
+++ b/webapp/channels/src/components/admin_console/billing/plan_details/index.tsx
@@ -23,7 +23,7 @@ import './plan_details.scss';
 type Props = {
     isFreeTrial: boolean;
     subscriptionPlan: string | undefined;
-}
+};
 const PlanDetails = ({isFreeTrial, subscriptionPlan}: Props) => {
     const subscription = useSelector(getCloudSubscription);
     const product = useSelector(getSubscriptionProduct);
diff --git a/webapp/channels/src/components/admin_console/boolean_setting.tsx b/webapp/channels/src/components/admin_console/boolean_setting.tsx
index 12900f99df5..40d9b57bee8 100644
--- a/webapp/channels/src/components/admin_console/boolean_setting.tsx
+++ b/webapp/channels/src/components/admin_console/boolean_setting.tsx
@@ -78,7 +78,7 @@ type Props = {
     setByEnv: boolean;
     disabledText?: React.ReactNode;
     helpText: React.ReactNode;
-}
+};
 
 const BooleanSetting = ({
     id,
diff --git a/webapp/channels/src/components/admin_console/checkbox_setting.tsx b/webapp/channels/src/components/admin_console/checkbox_setting.tsx
index 5d130e6d470..4d5cb111436 100644
--- a/webapp/channels/src/components/admin_console/checkbox_setting.tsx
+++ b/webapp/channels/src/components/admin_console/checkbox_setting.tsx
@@ -12,7 +12,7 @@ type Props = {
     onChange: (id: string, foo: boolean) => void;
     disabled?: boolean;
     setByEnv: boolean;
-}
+};
 
 const CheckboxSetting = ({
     disabled = false,
diff --git a/webapp/channels/src/components/admin_console/client_side_userids_setting.tsx b/webapp/channels/src/components/admin_console/client_side_userids_setting.tsx
index 81422f4dca3..15b9d759d52 100644
--- a/webapp/channels/src/components/admin_console/client_side_userids_setting.tsx
+++ b/webapp/channels/src/components/admin_console/client_side_userids_setting.tsx
@@ -15,11 +15,11 @@ type Props = {
     onChange: (id: string, valueAsArray: string[]) => void;
     disabled: boolean;
     setByEnv: boolean;
-}
+};
 
 type State = {
     value: string;
-}
+};
 
 export default class ClientSideUserIdsSetting extends PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/admin_console/cluster_table.tsx b/webapp/channels/src/components/admin_console/cluster_table.tsx
index 0d699433c8a..0e1817279c3 100644
--- a/webapp/channels/src/components/admin_console/cluster_table.tsx
+++ b/webapp/channels/src/components/admin_console/cluster_table.tsx
@@ -22,13 +22,13 @@ type Props = {
         schema_version: string;
     }>;
     reload: (e: MouseEvent<HTMLButtonElement>) => void;
-}
+};
 
 type Style = {
     clusterTable: CSSProperties;
     clusterCell: CSSProperties;
     warning: CSSProperties;
-}
+};
 
 export default class ClusterTable extends PureComponent<Props> {
     render() {
diff --git a/webapp/channels/src/components/admin_console/color_setting.tsx b/webapp/channels/src/components/admin_console/color_setting.tsx
index 66b91111ba9..6ea5f56fb5c 100644
--- a/webapp/channels/src/components/admin_console/color_setting.tsx
+++ b/webapp/channels/src/components/admin_console/color_setting.tsx
@@ -14,7 +14,7 @@ type Props = {
     value: string;
     onChange?: (id: string, color: string) => void;
     disabled?: boolean;
-}
+};
 
 const ColorSetting = (props: Props) => {
     const handleChange = useCallback((color: string) => {
diff --git a/webapp/channels/src/components/admin_console/compliance_reports/compliance_reports.tsx b/webapp/channels/src/components/admin_console/compliance_reports/compliance_reports.tsx
index 8d99c258dea..ef654fa1ead 100644
--- a/webapp/channels/src/components/admin_console/compliance_reports/compliance_reports.tsx
+++ b/webapp/channels/src/components/admin_console/compliance_reports/compliance_reports.tsx
@@ -52,12 +52,12 @@ type Props = {
             */
         createComplianceReport: (job: Partial<Compliance>) => Promise<ActionResult<Compliance>>;
     };
-}
+};
 
 type State = {
     loadingReports: boolean;
     runningReport?: boolean;
-}
+};
 
 export default class ComplianceReports extends React.PureComponent<Props, State> {
     private descInput: React.RefObject<HTMLInputElement>;
diff --git a/webapp/channels/src/components/admin_console/content_flagging/additional_settings/additional_settings.tsx b/webapp/channels/src/components/admin_console/content_flagging/additional_settings/additional_settings.tsx
index b982e3e0231..2c947898177 100644
--- a/webapp/channels/src/components/admin_console/content_flagging/additional_settings/additional_settings.tsx
+++ b/webapp/channels/src/components/admin_console/content_flagging/additional_settings/additional_settings.tsx
@@ -28,12 +28,12 @@ type Props = {
     onChange: SystemConsoleCustomSettingChangeHandler;
     value: ContentFlaggingAdditionalSettings;
     disabled?: boolean;
-}
+};
 
 export default function ContentFlaggingAdditionalSettingsSection({id, onChange, value, disabled = false}: Props) {
     const [additionalSettings, setAdditionalSettings] = React.useState<ContentFlaggingAdditionalSettings>(value as ContentFlaggingAdditionalSettings);
 
-    const handleReasonsChange = useCallback((newValues: OnChangeValue<{ value: string }, true>) => {
+    const handleReasonsChange = useCallback((newValues: OnChangeValue<{value: string}, true>) => {
         const updatedSettings: ContentFlaggingAdditionalSettings = {
             ...additionalSettings,
             Reasons: newValues.map((v) => v.value),
diff --git a/webapp/channels/src/components/admin_console/content_flagging/content_reviewers/content_reviewers.tsx b/webapp/channels/src/components/admin_console/content_flagging/content_reviewers/content_reviewers.tsx
index d09e1cb9455..afa8ab1a720 100644
--- a/webapp/channels/src/components/admin_console/content_flagging/content_reviewers/content_reviewers.tsx
+++ b/webapp/channels/src/components/admin_console/content_flagging/content_reviewers/content_reviewers.tsx
@@ -26,7 +26,7 @@ type Props = {
     onChange: SystemConsoleCustomSettingChangeHandler;
     value: ContentFlaggingReviewerSetting;
     disabled?: boolean;
-}
+};
 
 export default function ContentFlaggingContentReviewers({id, onChange, value, disabled = false}: Props) {
     const [reviewerSetting, setReviewerSetting] = useState<ContentFlaggingReviewerSetting>(value as ContentFlaggingReviewerSetting);
diff --git a/webapp/channels/src/components/admin_console/content_flagging/content_reviewers/team_reviewers_section/team_reviewers_section.tsx b/webapp/channels/src/components/admin_console/content_flagging/content_reviewers/team_reviewers_section/team_reviewers_section.tsx
index bf8c2f0e62b..64acfba6dc5 100644
--- a/webapp/channels/src/components/admin_console/content_flagging/content_reviewers/team_reviewers_section/team_reviewers_section.tsx
+++ b/webapp/channels/src/components/admin_console/content_flagging/content_reviewers/team_reviewers_section/team_reviewers_section.tsx
@@ -26,7 +26,7 @@ type Props = {
     teamReviewersSetting: Record<string, TeamReviewerSetting>;
     onChange: (updatedTeamSettings: Record<string, TeamReviewerSetting>) => void;
     disabled?: boolean;
-}
+};
 
 export default function TeamReviewers({teamReviewersSetting, onChange, disabled}: Props): JSX.Element {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/admin_console/content_flagging/notificatin_settings/notification_settings.tsx b/webapp/channels/src/components/admin_console/content_flagging/notificatin_settings/notification_settings.tsx
index 6cb7205d3c6..6b9bfc02f0e 100644
--- a/webapp/channels/src/components/admin_console/content_flagging/notificatin_settings/notification_settings.tsx
+++ b/webapp/channels/src/components/admin_console/content_flagging/notificatin_settings/notification_settings.tsx
@@ -22,7 +22,7 @@ type Props = {
     onChange: SystemConsoleCustomSettingChangeHandler;
     value: ContentFlaggingNotificationSettings;
     disabled?: boolean;
-}
+};
 
 export default function ContentFlaggingNotificationSettingsSection({id, value, onChange, disabled}: Props) {
     const [notificationSettings, setNotificationSettings] = useState<ContentFlaggingNotificationSettings>(value as ContentFlaggingNotificationSettings);
diff --git a/webapp/channels/src/components/admin_console/content_flagging/user_multiselector/group_team_display.tsx b/webapp/channels/src/components/admin_console/content_flagging/user_multiselector/group_team_display.tsx
index a46c3de5f69..bf9f3427bdb 100644
--- a/webapp/channels/src/components/admin_console/content_flagging/user_multiselector/group_team_display.tsx
+++ b/webapp/channels/src/components/admin_console/content_flagging/user_multiselector/group_team_display.tsx
@@ -13,7 +13,7 @@ type GroupTeamDisplayProps = {
     item: Group | Team;
     variant: 'group' | 'team';
     displayMode?: 'list' | 'chip';
-}
+};
 
 // Helper function to check if an option is a team
 const isTeam = (option: Group | Team): option is Team => {
diff --git a/webapp/channels/src/components/admin_console/content_flagging/user_multiselector/user_multiselector.tsx b/webapp/channels/src/components/admin_console/content_flagging/user_multiselector/user_multiselector.tsx
index 64579e67573..07d25952887 100644
--- a/webapp/channels/src/components/admin_console/content_flagging/user_multiselector/user_multiselector.tsx
+++ b/webapp/channels/src/components/admin_console/content_flagging/user_multiselector/user_multiselector.tsx
@@ -39,7 +39,7 @@ export type AutocompleteOptionType<T> = {
     label: string | ReactElement;
     value: string;
     raw?: T;
-}
+};
 
 const BASE_SELECT_COMPONENTS = {
     LoadingIndicator,
@@ -50,12 +50,12 @@ const BASE_SELECT_COMPONENTS = {
 type MultiSelectProps = {
     multiSelectOnChange?: (selectedUserIds: string[]) => void;
     multiSelectInitialValue?: string[];
-}
+};
 
 type SingleSelectProps = {
     singleSelectOnChange?: (selectedUserId: string) => void;
     singleSelectInitialValue?: string;
-}
+};
 
 type Props = MultiSelectProps & SingleSelectProps & {
     id: string;
diff --git a/webapp/channels/src/components/admin_console/content_flagging/user_multiselector/user_profile_pill.tsx b/webapp/channels/src/components/admin_console/content_flagging/user_multiselector/user_profile_pill.tsx
index e88b04c439e..e17dc68a423 100644
--- a/webapp/channels/src/components/admin_console/content_flagging/user_multiselector/user_profile_pill.tsx
+++ b/webapp/channels/src/components/admin_console/content_flagging/user_multiselector/user_profile_pill.tsx
@@ -76,7 +76,7 @@ type Props = {
     innerProps: JSX.IntrinsicElements['div'];
     selectProps: unknown;
     removeProps?: JSX.IntrinsicElements['div'];
-}
+};
 
 function BaseUserProfilePill({data, innerProps, selectProps, removeProps}: Props) {
     const item = data.raw;
diff --git a/webapp/channels/src/components/admin_console/custom_enable_disable_guest_accounts_magic_link_setting.tsx b/webapp/channels/src/components/admin_console/custom_enable_disable_guest_accounts_magic_link_setting.tsx
index b40cae1a2a4..de6a72996cb 100644
--- a/webapp/channels/src/components/admin_console/custom_enable_disable_guest_accounts_magic_link_setting.tsx
+++ b/webapp/channels/src/components/admin_console/custom_enable_disable_guest_accounts_magic_link_setting.tsx
@@ -19,7 +19,7 @@ type Props = {
     setByEnv: boolean;
     showConfirm: boolean;
     config: AdminConfig;
-}
+};
 
 const messages = defineMessages({
     enableGuestMagicLinkTitle: {id: 'admin.guest_access.enableGuestMagicLinkTitle', defaultMessage: 'Enable passwordless authentication for guests using magic links via email: '},
diff --git a/webapp/channels/src/components/admin_console/custom_enable_disable_guest_accounts_setting.tsx b/webapp/channels/src/components/admin_console/custom_enable_disable_guest_accounts_setting.tsx
index a13f8864e0c..c7083833778 100644
--- a/webapp/channels/src/components/admin_console/custom_enable_disable_guest_accounts_setting.tsx
+++ b/webapp/channels/src/components/admin_console/custom_enable_disable_guest_accounts_setting.tsx
@@ -17,7 +17,7 @@ type Props = {
     disabled?: boolean;
     setByEnv: boolean;
     showConfirm: boolean;
-}
+};
 
 const CustomEnableDisableGuestAccountsSetting = ({
     id,
diff --git a/webapp/channels/src/components/admin_console/custom_plugin_settings/index.test.tsx b/webapp/channels/src/components/admin_console/custom_plugin_settings/index.test.tsx
index a26d2d10740..5c4796eb719 100644
--- a/webapp/channels/src/components/admin_console/custom_plugin_settings/index.test.tsx
+++ b/webapp/channels/src/components/admin_console/custom_plugin_settings/index.test.tsx
@@ -39,7 +39,7 @@ describe('custom plugin sections and settings', () => {
         editRole: jest.fn(),
         isCurrentUserSystemAdmin: false,
         enterpriseReady: false,
-        match: {params: {plugin_id: 'testplugin'}} as match<{ plugin_id: string }>,
+        match: {params: {plugin_id: 'testplugin'}} as match<{plugin_id: string}>,
         config: {
             PluginSettings: {
                 Plugins: {
@@ -87,8 +87,8 @@ describe('custom plugin sections and settings', () => {
             <CustomPluginSettings
                 {...baseProps}
                 patchConfig={jest.fn()}
-            />
-            , {...baseState});
+            />,
+            {...baseState});
 
         expect(screen.getByText('testplugin')).toBeInTheDocument();
         expect(screen.getByTestId('PluginSettings.PluginStates.testplugin.Enable')).toBeInTheDocument();
@@ -157,8 +157,8 @@ describe('custom plugin sections and settings', () => {
             <CustomPluginSettings
                 {...props}
                 patchConfig={jest.fn()}
-            />
-            , {...state});
+            />,
+            {...state});
 
         expect(screen.getByText('testplugin')).toBeInTheDocument();
         expect(screen.getByTestId('PluginSettings.PluginStates.testplugin.Enable')).toBeInTheDocument();
@@ -236,8 +236,8 @@ describe('custom plugin sections and settings', () => {
             <CustomPluginSettings
                 {...props}
                 patchConfig={jest.fn()}
-            />
-            , {...state});
+            />,
+            {...state});
 
         expect(screen.getByText('testplugin')).toBeInTheDocument();
         expect(screen.getByTestId('PluginSettings.PluginStates.testplugin.Enable')).toBeInTheDocument();
@@ -339,8 +339,8 @@ describe('custom plugin sections and settings', () => {
             <CustomPluginSettings
                 {...props}
                 patchConfig={jest.fn()}
-            />
-            , {...state});
+            />,
+            {...state});
 
         expect(screen.getByText('testplugin')).toBeInTheDocument();
         expect(screen.getByTestId('PluginSettings.PluginStates.testplugin.Enable')).toBeInTheDocument();
diff --git a/webapp/channels/src/components/admin_console/custom_plugin_settings/index.ts b/webapp/channels/src/components/admin_console/custom_plugin_settings/index.ts
index 8144a5f3b19..3a3c0c85e57 100644
--- a/webapp/channels/src/components/admin_console/custom_plugin_settings/index.ts
+++ b/webapp/channels/src/components/admin_console/custom_plugin_settings/index.ts
@@ -27,7 +27,7 @@ import {it} from '../admin_definition_helpers';
 import {escapePathPart} from '../schema_admin_settings';
 import type {AdminDefinitionSetting, AdminDefinitionSubSectionSchema, AdminDefinitionConfigSchemaSection} from '../types';
 
-type OwnProps = { match: { params: { plugin_id: string } } }
+type OwnProps = {match: {params: {plugin_id: string}}};
 
 function makeGetPluginSchema() {
     return createSelector(
diff --git a/webapp/channels/src/components/admin_console/custom_profile_attributes/custom_profile_attributes.tsx b/webapp/channels/src/components/admin_console/custom_profile_attributes/custom_profile_attributes.tsx
index 32ae1d46061..7354660b8f4 100644
--- a/webapp/channels/src/components/admin_console/custom_profile_attributes/custom_profile_attributes.tsx
+++ b/webapp/channels/src/components/admin_console/custom_profile_attributes/custom_profile_attributes.tsx
@@ -86,7 +86,7 @@ type Props = {
     registerSaveAction: (saveAction: () => Promise<unknown>) => void;
     unRegisterSaveAction: (saveAction: () => Promise<unknown>) => void;
     id?: string;
-}
+};
 
 type SaveActionResult = {
     error?: Error;
diff --git a/webapp/channels/src/components/admin_console/custom_terms_of_service_settings/custom_terms_of_service_settings.tsx b/webapp/channels/src/components/admin_console/custom_terms_of_service_settings/custom_terms_of_service_settings.tsx
index 28bd9085f7a..65d777615ec 100644
--- a/webapp/channels/src/components/admin_console/custom_terms_of_service_settings/custom_terms_of_service_settings.tsx
+++ b/webapp/channels/src/components/admin_console/custom_terms_of_service_settings/custom_terms_of_service_settings.tsx
@@ -44,7 +44,7 @@ type State = BaseState & {
     saving: boolean;
     serverError: JSX.Element | string | null;
     errorTooltip: boolean;
-}
+};
 
 export const messages = defineMessages({
     termsOfServiceTitle: {id: 'admin.support.termsOfServiceTitle', defaultMessage: 'Custom Terms of Service'},
diff --git a/webapp/channels/src/components/admin_console/custom_url_schemes_setting.tsx b/webapp/channels/src/components/admin_console/custom_url_schemes_setting.tsx
index 154e3acf77a..3b24778f046 100644
--- a/webapp/channels/src/components/admin_console/custom_url_schemes_setting.tsx
+++ b/webapp/channels/src/components/admin_console/custom_url_schemes_setting.tsx
@@ -15,11 +15,11 @@ type Props = {
     onChange: (id: string, valueAsArray: string[]) => void;
     disabled: boolean;
     setByEnv: boolean;
-}
+};
 
 type State = {
     value: string;
-}
+};
 
 export default class CustomURLSchemesSetting extends PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/admin_console/data_grid/data_grid.tsx b/webapp/channels/src/components/admin_console/data_grid/data_grid.tsx
index f8f33411cc2..c1f63978aef 100644
--- a/webapp/channels/src/components/admin_console/data_grid/data_grid.tsx
+++ b/webapp/channels/src/components/admin_console/data_grid/data_grid.tsx
@@ -27,14 +27,14 @@ export type Column = {
     width?: number;
     textAlign?: '-moz-initial' | 'inherit' | 'initial' | 'revert' | 'unset' | 'center' | 'end' | 'justify' | 'left' | 'match-parent' | 'right' | 'start' | undefined;
     overflow?: string;
-}
+};
 
 export type Row = {
     cells: {
         [key: string]: JSX.Element | string | null;
     };
     onClick?: () => void;
-}
+};
 
 type Props = {
     rows: Row[];
diff --git a/webapp/channels/src/components/admin_console/data_grid/data_grid_header.tsx b/webapp/channels/src/components/admin_console/data_grid/data_grid_header.tsx
index 92a7ff99e95..fc181be5e8c 100644
--- a/webapp/channels/src/components/admin_console/data_grid/data_grid_header.tsx
+++ b/webapp/channels/src/components/admin_console/data_grid/data_grid_header.tsx
@@ -10,7 +10,7 @@ import './data_grid.scss';
 
 type HeaderElementProps = {
     col: Column;
-}
+};
 
 const HeaderElement = ({col}: HeaderElementProps) => {
     const style: CSSProperties = {};
@@ -30,7 +30,7 @@ const HeaderElement = ({col}: HeaderElementProps) => {
 
 export type Props = {
     columns: Column[];
-}
+};
 
 const DataGridHeader = ({columns}: Props) => {
     return (
diff --git a/webapp/channels/src/components/admin_console/data_grid/data_grid_row.tsx b/webapp/channels/src/components/admin_console/data_grid/data_grid_row.tsx
index eda0d99f5e5..a10af91fce9 100644
--- a/webapp/channels/src/components/admin_console/data_grid/data_grid_row.tsx
+++ b/webapp/channels/src/components/admin_console/data_grid/data_grid_row.tsx
@@ -12,12 +12,12 @@ import './data_grid.scss';
 type DataGridRowProps = {
     columns: Column[];
     row: Row;
-}
+};
 
 type DataGridCellProps = {
     column: Column;
     row: Row;
-}
+};
 
 const DataGridCell = ({row, column}: DataGridCellProps) => {
     const style: CSSProperties = {};
diff --git a/webapp/channels/src/components/admin_console/data_grid/data_grid_search.tsx b/webapp/channels/src/components/admin_console/data_grid/data_grid_search.tsx
index 49ecf5300b1..ed721c1218a 100644
--- a/webapp/channels/src/components/admin_console/data_grid/data_grid_search.tsx
+++ b/webapp/channels/src/components/admin_console/data_grid/data_grid_search.tsx
@@ -22,7 +22,7 @@ type Props = {
         keys: string[];
         onFilter: (options: FilterOptions) => void;
     };
-}
+};
 
 const DataGridSearch = ({
     term: termFromProps = '',
diff --git a/webapp/channels/src/components/admin_console/data_retention_settings/channel_list/channel_list.tsx b/webapp/channels/src/components/admin_console/data_retention_settings/channel_list/channel_list.tsx
index 574772114c8..96912c4eea3 100644
--- a/webapp/channels/src/components/admin_console/data_retention_settings/channel_list/channel_list.tsx
+++ b/webapp/channels/src/components/admin_console/data_retention_settings/channel_list/channel_list.tsx
@@ -38,12 +38,12 @@ type Props = {
         setChannelListSearch: (term: string) => void;
         setChannelListFilters: (filters: ChannelSearchOpts) => void;
     };
-}
+};
 
 type State = {
     loading: boolean;
     page: number;
-}
+};
 const PAGE_SIZE = 10;
 export default class ChannelList extends React.PureComponent<Props, State> {
     private pageLoaded = 0;
diff --git a/webapp/channels/src/components/admin_console/data_retention_settings/channel_list/index.ts b/webapp/channels/src/components/admin_console/data_retention_settings/channel_list/index.ts
index d26f1422b4f..6c837bf2bcd 100644
--- a/webapp/channels/src/components/admin_console/data_retention_settings/channel_list/index.ts
+++ b/webapp/channels/src/components/admin_console/data_retention_settings/channel_list/index.ts
@@ -22,7 +22,7 @@ import ChannelList from './channel_list';
 type OwnProps = {
     policyId?: string;
     channelsToAdd: Record<string, ChannelWithTeamData>;
-}
+};
 
 function searchChannelsToAdd(channels: Record<string, Channel>, term: string, filters: ChannelSearchOpts): Record<string, Channel> {
     let filteredTeams = filterChannelsMatchingTerm(Object.keys(channels).map((key) => channels[key]), term);
diff --git a/webapp/channels/src/components/admin_console/data_retention_settings/custom_policy_form/custom_policy_form.tsx b/webapp/channels/src/components/admin_console/data_retention_settings/custom_policy_form/custom_policy_form.tsx
index ada35124838..f4f724c99bf 100644
--- a/webapp/channels/src/components/admin_console/data_retention_settings/custom_policy_form/custom_policy_form.tsx
+++ b/webapp/channels/src/components/admin_console/data_retention_settings/custom_policy_form/custom_policy_form.tsx
@@ -68,7 +68,7 @@ type State = {
     serverError: boolean;
     inputErrorText: React.ReactNode;
     formErrorText: React.ReactNode;
-}
+};
 
 export default class CustomPolicyForm extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/admin_console/data_retention_settings/custom_policy_form/index.ts b/webapp/channels/src/components/admin_console/data_retention_settings/custom_policy_form/index.ts
index 174c21c3dd9..835ae6e0e86 100644
--- a/webapp/channels/src/components/admin_console/data_retention_settings/custom_policy_form/index.ts
+++ b/webapp/channels/src/components/admin_console/data_retention_settings/custom_policy_form/index.ts
@@ -30,7 +30,7 @@ type OwnProps = {
             policy_id: string;
         };
     };
-}
+};
 
 function mapStateToProps() {
     const getPolicyTeams = getTeamsInPolicy();
diff --git a/webapp/channels/src/components/admin_console/data_retention_settings/data_retention_settings.tsx b/webapp/channels/src/components/admin_console/data_retention_settings/data_retention_settings.tsx
index 31dddf8276d..e522d45205a 100644
--- a/webapp/channels/src/components/admin_console/data_retention_settings/data_retention_settings.tsx
+++ b/webapp/channels/src/components/admin_console/data_retention_settings/data_retention_settings.tsx
@@ -32,7 +32,7 @@ import './data_retention_settings.scss';
 type OptionType = {
     label: string | JSX.Element;
     value: string;
-}
+};
 
 type Props = {
     config: DeepPartial<AdminConfig>;
@@ -54,7 +54,7 @@ type State = {
     page: number;
     loading: boolean;
     showEditJobTime: boolean;
-}
+};
 const PAGE_SIZE = 10;
 
 const messages = defineMessages({
diff --git a/webapp/channels/src/components/admin_console/data_retention_settings/global_policy_form/global_policy_form.tsx b/webapp/channels/src/components/admin_console/data_retention_settings/global_policy_form/global_policy_form.tsx
index de8b6e9d2c8..e034805c98b 100644
--- a/webapp/channels/src/components/admin_console/data_retention_settings/global_policy_form/global_policy_form.tsx
+++ b/webapp/channels/src/components/admin_console/data_retention_settings/global_policy_form/global_policy_form.tsx
@@ -25,7 +25,7 @@ import './global_policy_form.scss';
 type ValueType = {
     label: string | JSX.Element;
     value: string;
-}
+};
 type Props = {
     config: DeepPartial<AdminConfig>;
     messageRetentionHours: string | undefined;
@@ -45,7 +45,7 @@ type State = {
     saving: boolean;
     serverError: React.ReactNode;
     formErrorText: React.ReactNode;
-}
+};
 
 export default class GlobalPolicyForm extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/admin_console/data_retention_settings/team_list/index.ts b/webapp/channels/src/components/admin_console/data_retention_settings/team_list/index.ts
index 9ff17f4ba6e..1fe6151861b 100644
--- a/webapp/channels/src/components/admin_console/data_retention_settings/team_list/index.ts
+++ b/webapp/channels/src/components/admin_console/data_retention_settings/team_list/index.ts
@@ -22,7 +22,7 @@ import TeamList from './team_list';
 type OwnProps = {
     policyId?: string;
     teamsToAdd: Record<string, Team>;
-}
+};
 
 function searchTeamsToAdd(teams: Record<string, Team>, term: string): Record<string, Team> {
     const filteredTeams = filterTeamsStartingWithTerm(Object.keys(teams).map((key) => teams[key]), term);
diff --git a/webapp/channels/src/components/admin_console/data_retention_settings/team_list/team_list.tsx b/webapp/channels/src/components/admin_console/data_retention_settings/team_list/team_list.tsx
index f2d5ab46f5e..9569ac12880 100644
--- a/webapp/channels/src/components/admin_console/data_retention_settings/team_list/team_list.tsx
+++ b/webapp/channels/src/components/admin_console/data_retention_settings/team_list/team_list.tsx
@@ -34,12 +34,12 @@ type Props = {
         getDataRetentionCustomPolicyTeams: (id: string, page: number, perPage: number) => Promise<ActionResult>;
         setTeamListSearch: (term: string) => ActionResult;
     };
-}
+};
 
 type State = {
     loading: boolean;
     page: number;
-}
+};
 const PAGE_SIZE = 10;
 export default class TeamList extends React.PureComponent<Props, State> {
     private pageLoaded = 0;
diff --git a/webapp/channels/src/components/admin_console/database/migrations_table.tsx b/webapp/channels/src/components/admin_console/database/migrations_table.tsx
index ac4b63bbd21..b488f83d6a5 100644
--- a/webapp/channels/src/components/admin_console/database/migrations_table.tsx
+++ b/webapp/channels/src/components/admin_console/database/migrations_table.tsx
@@ -17,7 +17,7 @@ type Props = {
     actions: {
         getAppliedSchemaMigrations: () => Promise<ActionResult>;
     };
-}
+};
 
 const MigrationsTable = ({
     createHelpText,
diff --git a/webapp/channels/src/components/admin_console/database_settings.tsx b/webapp/channels/src/components/admin_console/database_settings.tsx
index b770757ee08..d2f7c8e149d 100644
--- a/webapp/channels/src/components/admin_console/database_settings.tsx
+++ b/webapp/channels/src/components/admin_console/database_settings.tsx
@@ -75,7 +75,7 @@ const messages = defineMessages({
     traceDescription: {id: 'admin.sql.traceDescription', defaultMessage: '(Development Mode) When true, executing SQL statements are written to the log.'},
 });
 
-export const searchableStrings: Array<string|MessageDescriptor|[MessageDescriptor, {[key: string]: any}]> = [
+export const searchableStrings: Array<string | MessageDescriptor | [MessageDescriptor, {[key: string]: any}]> = [
     messages.title,
     [messages.recycleDescription, {featureName: '', reloadConfiguration: ''}],
     messages.featureName,
diff --git a/webapp/channels/src/components/admin_console/dropdown_setting.tsx b/webapp/channels/src/components/admin_console/dropdown_setting.tsx
index 0728af1adbc..4536de8b9d0 100644
--- a/webapp/channels/src/components/admin_console/dropdown_setting.tsx
+++ b/webapp/channels/src/components/admin_console/dropdown_setting.tsx
@@ -17,7 +17,7 @@ type Props = {
     disabled?: boolean;
     setByEnv: boolean;
     helpText?: ReactNode;
-}
+};
 
 const DropdownSetting = ({
     id,
diff --git a/webapp/channels/src/components/admin_console/elasticsearch_settings.tsx b/webapp/channels/src/components/admin_console/elasticsearch_settings.tsx
index f348c3d8a17..cefbc7f6c08 100644
--- a/webapp/channels/src/components/admin_console/elasticsearch_settings.tsx
+++ b/webapp/channels/src/components/admin_console/elasticsearch_settings.tsx
@@ -77,7 +77,7 @@ export const messages = defineMessages({
     enableSearchingDescription: {id: 'admin.elasticsearch.enableSearchingDescription', defaultMessage: 'Requires a successful connection to the Elasticsearch server. When true, Elasticsearch will be used for all search queries using the latest index. Search results may be incomplete until a bulk index of the existing post database is finished. When false, database search is used.'},
 });
 
-export const searchableStrings: Array<string|MessageDescriptor|[MessageDescriptor, {[key: string]: any}]> = [
+export const searchableStrings: Array<string | MessageDescriptor | [MessageDescriptor, {[key: string]: any}]> = [
     [messages.connectionUrlDescription, {link: (msg: string) => msg}],
     [messages.enableIndexingDescription, {link: (msg: string) => msg}],
     messages.title,
diff --git a/webapp/channels/src/components/admin_console/feature_discovery/feature_discovery.tsx b/webapp/channels/src/components/admin_console/feature_discovery/feature_discovery.tsx
index 66f2af1f79b..2b0b25c39eb 100644
--- a/webapp/channels/src/components/admin_console/feature_discovery/feature_discovery.tsx
+++ b/webapp/channels/src/components/admin_console/feature_discovery/feature_discovery.tsx
@@ -52,13 +52,13 @@ type Props = {
     isPaidSubscription: boolean;
     customer?: CloudCustomer;
     showSkuTag?: boolean;
-}
+};
 
 type State = {
     gettingTrial: boolean;
     gettingTrialError: string | null;
     gettingTrialResponseCode: number | null;
-}
+};
 
 export default class FeatureDiscovery extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/admin_console/feature_discovery/features/images/announcement_banner_svg.tsx b/webapp/channels/src/components/admin_console/feature_discovery/features/images/announcement_banner_svg.tsx
index ceeefba676d..dd7e6303e7a 100644
--- a/webapp/channels/src/components/admin_console/feature_discovery/features/images/announcement_banner_svg.tsx
+++ b/webapp/channels/src/components/admin_console/feature_discovery/features/images/announcement_banner_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width?: number;
     height?: number;
-}
+};
 
 const AnnouncementBannerSVG = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/admin_console/feature_discovery/features/images/auto_translate_svg.tsx b/webapp/channels/src/components/admin_console/feature_discovery/features/images/auto_translate_svg.tsx
index c89589dea44..252c6b31ff8 100644
--- a/webapp/channels/src/components/admin_console/feature_discovery/features/images/auto_translate_svg.tsx
+++ b/webapp/channels/src/components/admin_console/feature_discovery/features/images/auto_translate_svg.tsx
@@ -6,7 +6,7 @@ import * as React from 'react';
 type SvgProps = {
     width?: number;
     height?: number;
-}
+};
 
 const AutoTranslationSVG = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/admin_console/feature_discovery/features/images/burn_on_read_svg.tsx b/webapp/channels/src/components/admin_console/feature_discovery/features/images/burn_on_read_svg.tsx
index 8d1410dbc27..117ba3daafb 100644
--- a/webapp/channels/src/components/admin_console/feature_discovery/features/images/burn_on_read_svg.tsx
+++ b/webapp/channels/src/components/admin_console/feature_discovery/features/images/burn_on_read_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width?: number;
     height?: number;
-}
+};
 
 const BurnOnReadSVG = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/admin_console/feature_discovery/features/images/compliance_export_svg.tsx b/webapp/channels/src/components/admin_console/feature_discovery/features/images/compliance_export_svg.tsx
index 97c47f8e3bd..7ecddb7a4dc 100644
--- a/webapp/channels/src/components/admin_console/feature_discovery/features/images/compliance_export_svg.tsx
+++ b/webapp/channels/src/components/admin_console/feature_discovery/features/images/compliance_export_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width?: number;
     height?: number;
-}
+};
 
 const ComplianceExportSVG = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/admin_console/feature_discovery/features/images/custom_terms_of_service_svg.tsx b/webapp/channels/src/components/admin_console/feature_discovery/features/images/custom_terms_of_service_svg.tsx
index 7f7fc2aa65c..91e4b988359 100644
--- a/webapp/channels/src/components/admin_console/feature_discovery/features/images/custom_terms_of_service_svg.tsx
+++ b/webapp/channels/src/components/admin_console/feature_discovery/features/images/custom_terms_of_service_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width?: number;
     height?: number;
-}
+};
 
 const CustomTermsOfServiceSVG = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/admin_console/feature_discovery/features/images/data_retention_svg.tsx b/webapp/channels/src/components/admin_console/feature_discovery/features/images/data_retention_svg.tsx
index 26f9b7e74d8..4673e6d1830 100644
--- a/webapp/channels/src/components/admin_console/feature_discovery/features/images/data_retention_svg.tsx
+++ b/webapp/channels/src/components/admin_console/feature_discovery/features/images/data_retention_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width?: number;
     height?: number;
-}
+};
 
 const DataRetentionSVG = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/admin_console/feature_discovery/features/images/data_spillage_svg.tsx b/webapp/channels/src/components/admin_console/feature_discovery/features/images/data_spillage_svg.tsx
index 6f395d9f2fa..ffc84cc9ea2 100644
--- a/webapp/channels/src/components/admin_console/feature_discovery/features/images/data_spillage_svg.tsx
+++ b/webapp/channels/src/components/admin_console/feature_discovery/features/images/data_spillage_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width?: number;
     height?: number;
-}
+};
 
 const DataSpillageSVG = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/admin_console/feature_discovery/features/images/groups_svg.tsx b/webapp/channels/src/components/admin_console/feature_discovery/features/images/groups_svg.tsx
index 5094f337bbd..9007221f891 100644
--- a/webapp/channels/src/components/admin_console/feature_discovery/features/images/groups_svg.tsx
+++ b/webapp/channels/src/components/admin_console/feature_discovery/features/images/groups_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width?: number;
     height?: number;
-}
+};
 
 const GroupsSVG = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/admin_console/feature_discovery/features/images/guest_access_svg.tsx b/webapp/channels/src/components/admin_console/feature_discovery/features/images/guest_access_svg.tsx
index d652f3c3cf5..0118f902845 100644
--- a/webapp/channels/src/components/admin_console/feature_discovery/features/images/guest_access_svg.tsx
+++ b/webapp/channels/src/components/admin_console/feature_discovery/features/images/guest_access_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width?: number;
     height?: number;
-}
+};
 
 const GuestAccessSVG = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/admin_console/feature_discovery/features/images/intune_mam_svg.tsx b/webapp/channels/src/components/admin_console/feature_discovery/features/images/intune_mam_svg.tsx
index 94f3bf32186..ce85da29bf8 100644
--- a/webapp/channels/src/components/admin_console/feature_discovery/features/images/intune_mam_svg.tsx
+++ b/webapp/channels/src/components/admin_console/feature_discovery/features/images/intune_mam_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width?: number;
     height?: number;
-}
+};
 
 const IntuneMAMSvg = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/admin_console/feature_discovery/features/images/mobile_security_svg.tsx b/webapp/channels/src/components/admin_console/feature_discovery/features/images/mobile_security_svg.tsx
index 2d8f746ac09..551d6fe3203 100644
--- a/webapp/channels/src/components/admin_console/feature_discovery/features/images/mobile_security_svg.tsx
+++ b/webapp/channels/src/components/admin_console/feature_discovery/features/images/mobile_security_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width?: number;
     height?: number;
-}
+};
 
 const MobileSecuritySVG = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/admin_console/feature_discovery/features/images/system_roles_svg.tsx b/webapp/channels/src/components/admin_console/feature_discovery/features/images/system_roles_svg.tsx
index 0ae2755daaa..8b517d29e5a 100644
--- a/webapp/channels/src/components/admin_console/feature_discovery/features/images/system_roles_svg.tsx
+++ b/webapp/channels/src/components/admin_console/feature_discovery/features/images/system_roles_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width?: number;
     height?: number;
-}
+};
 
 const SystemRolesSVG = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/admin_console/file_upload_setting.tsx b/webapp/channels/src/components/admin_console/file_upload_setting.tsx
index f208f1d1a1c..5b3fbebf00d 100644
--- a/webapp/channels/src/components/admin_console/file_upload_setting.tsx
+++ b/webapp/channels/src/components/admin_console/file_upload_setting.tsx
@@ -19,7 +19,7 @@ type Props = {
     disabled: boolean;
     fileType: string;
     error?: string;
-}
+};
 
 const FileUploadSetting = ({
     id,
diff --git a/webapp/channels/src/components/admin_console/filter/filter.tsx b/webapp/channels/src/components/admin_console/filter/filter.tsx
index 1fa8e589a00..fbb3fec99f4 100644
--- a/webapp/channels/src/components/admin_console/filter/filter.tsx
+++ b/webapp/channels/src/components/admin_console/filter/filter.tsx
@@ -37,17 +37,17 @@ export type FilterOption = {
 
     // Filter Component type, optional parameter defaults to FilterList
     type?: React.ElementType;
-}
+};
 
 export type FilterOptions = {
     [key: string]: FilterOption;
-}
+};
 
 type Props = {
     onFilter: (filters: FilterOptions) => void;
     options: FilterOptions;
     keys: string[];
-}
+};
 
 type State = {
     show: boolean;
@@ -55,7 +55,7 @@ type State = {
     keys: string[];
     optionsModified: boolean;
     filterCount: number;
-}
+};
 
 class Filter extends React.PureComponent<Props, State> {
     private buttonRef: React.RefObject<HTMLButtonElement>;
diff --git a/webapp/channels/src/components/admin_console/filter/filter_list.tsx b/webapp/channels/src/components/admin_console/filter/filter_list.tsx
index acc04c33579..12bfc48da11 100644
--- a/webapp/channels/src/components/admin_console/filter/filter_list.tsx
+++ b/webapp/channels/src/components/admin_console/filter/filter_list.tsx
@@ -12,7 +12,7 @@ type Props = {
     option: FilterOption;
     optionKey: string;
     updateValues: (values: FilterValues, optionKey: string) => void;
-}
+};
 
 const FilterList = ({
     option,
diff --git a/webapp/channels/src/components/admin_console/filter/team_filter_dropdown/team_filter_dropdown.tsx b/webapp/channels/src/components/admin_console/filter/team_filter_dropdown/team_filter_dropdown.tsx
index d065fa42c5f..8cde79a8105 100644
--- a/webapp/channels/src/components/admin_console/filter/team_filter_dropdown/team_filter_dropdown.tsx
+++ b/webapp/channels/src/components/admin_console/filter/team_filter_dropdown/team_filter_dropdown.tsx
@@ -18,7 +18,7 @@ import type {PropsFromRedux} from './index';
 
 const TEAMS_PER_PAGE = 50;
 
-type TeamSelectOption = {label: string; value: string}
+type TeamSelectOption = {label: string; value: string};
 
 export interface Props extends PropsFromRedux {
     option: FilterOption;
diff --git a/webapp/channels/src/components/admin_console/full_log_event_modal/full_log_event_modal.tsx b/webapp/channels/src/components/admin_console/full_log_event_modal/full_log_event_modal.tsx
index dc471610c5e..11ba597c96b 100644
--- a/webapp/channels/src/components/admin_console/full_log_event_modal/full_log_event_modal.tsx
+++ b/webapp/channels/src/components/admin_console/full_log_event_modal/full_log_event_modal.tsx
@@ -12,7 +12,7 @@ type Props = {
     log: LogObject | null;
     onModalDismissed: (e?: React.MouseEvent<HTMLButtonElement>) => void;
     show: boolean;
-}
+};
 
 const FullLogEventModal = ({
     log,
diff --git a/webapp/channels/src/components/admin_console/generated_setting.tsx b/webapp/channels/src/components/admin_console/generated_setting.tsx
index 34b80f3f18f..4a41228746e 100644
--- a/webapp/channels/src/components/admin_console/generated_setting.tsx
+++ b/webapp/channels/src/components/admin_console/generated_setting.tsx
@@ -21,7 +21,7 @@ type Props = {
     helpText: React.ReactNode;
     regenerateText?: React.ReactNode;
     regenerateHelpText?: React.ReactNode;
-}
+};
 
 const GeneratedSetting = ({
     id,
diff --git a/webapp/channels/src/components/admin_console/group_settings/group_details/group_profile.tsx b/webapp/channels/src/components/admin_console/group_settings/group_details/group_profile.tsx
index bc6046c3e46..8c295e18014 100644
--- a/webapp/channels/src/components/admin_console/group_settings/group_details/group_profile.tsx
+++ b/webapp/channels/src/components/admin_console/group_settings/group_details/group_profile.tsx
@@ -14,7 +14,7 @@ type Props = {
     isDisabled?: boolean;
     showAtMention: boolean;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
-}
+};
 
 const GroupProfile = ({
     name,
diff --git a/webapp/channels/src/components/admin_console/group_settings/group_details/group_teams_and_channels.tsx b/webapp/channels/src/components/admin_console/group_settings/group_details/group_teams_and_channels.tsx
index eb06c8d20bb..22c6e23f146 100644
--- a/webapp/channels/src/components/admin_console/group_settings/group_details/group_teams_and_channels.tsx
+++ b/webapp/channels/src/components/admin_console/group_settings/group_details/group_teams_and_channels.tsx
@@ -33,8 +33,8 @@ type Team = {
     schemeAdmin?: boolean;
 };
 export default class GroupTeamsAndChannels extends React.PureComponent<
-Props,
-State
+    Props,
+    State
 > {
     constructor(props: Props) {
         super(props);
diff --git a/webapp/channels/src/components/admin_console/group_settings/group_details/group_teams_and_channels_row.tsx b/webapp/channels/src/components/admin_console/group_settings/group_details/group_teams_and_channels_row.tsx
index 34a4edfa9bf..4472f640ab3 100644
--- a/webapp/channels/src/components/admin_console/group_settings/group_details/group_teams_and_channels_row.tsx
+++ b/webapp/channels/src/components/admin_console/group_settings/group_details/group_teams_and_channels_row.tsx
@@ -34,8 +34,8 @@ type State = {
 };
 
 export default class GroupTeamsAndChannelsRow extends React.PureComponent<
-Props,
-State
+    Props,
+    State
 > {
     constructor(props: Props) {
         super(props);
diff --git a/webapp/channels/src/components/admin_console/group_settings/group_row.tsx b/webapp/channels/src/components/admin_console/group_settings/group_row.tsx
index d4dbefa6b2c..39f8537fe7a 100644
--- a/webapp/channels/src/components/admin_console/group_settings/group_row.tsx
+++ b/webapp/channels/src/components/admin_console/group_settings/group_row.tsx
@@ -21,7 +21,7 @@ type Props = {
         link: (group_id: string) => void;
         unlink: (group_id: string) => void;
     };
-}
+};
 
 const GroupRow = (props: Props) => {
     const [loading, setLoading] = useState(false);
diff --git a/webapp/channels/src/components/admin_console/group_settings/group_settings.tsx b/webapp/channels/src/components/admin_console/group_settings/group_settings.tsx
index b360ee58a74..1a48ecece98 100644
--- a/webapp/channels/src/components/admin_console/group_settings/group_settings.tsx
+++ b/webapp/channels/src/components/admin_console/group_settings/group_settings.tsx
@@ -15,7 +15,7 @@ import {getSiteURL} from 'utils/url';
 
 type Props = {
     isDisabled?: boolean;
-}
+};
 
 const GroupSettings = ({isDisabled}: Props) => {
     const siteURL = getSiteURL();
diff --git a/webapp/channels/src/components/admin_console/group_settings/groups_list/groups_list.tsx b/webapp/channels/src/components/admin_console/group_settings/groups_list/groups_list.tsx
index cb9d633b96d..8dc89f8b0cd 100644
--- a/webapp/channels/src/components/admin_console/group_settings/groups_list/groups_list.tsx
+++ b/webapp/channels/src/components/admin_console/group_settings/groups_list/groups_list.tsx
@@ -30,24 +30,24 @@ type Props = {
         link: (key: string) => Promise<ActionResult>;
         unlink: (key: string) => Promise<ActionResult>;
     };
-}
+};
 
 type FilterOption = {
     is_configured?: boolean;
     is_linked?: boolean;
-}
+};
 
 type FilterConfig = {
     filter: string;
     option: FilterOption;
-}
+};
 
 type FilterSearchMap = {
     filterIsConfigured: FilterConfig;
     filterIsUnconfigured: FilterConfig;
     filterIsLinked: FilterConfig;
     filterIsUnlinked: FilterConfig;
-}
+};
 
 type State = {
     checked?: any;
@@ -60,7 +60,7 @@ type State = {
     filterIsUnconfigured?: boolean;
     filterIsLinked?: boolean;
     filterIsUnlinked?: boolean;
-}
+};
 
 type FilterUpdates = [string, boolean];
 
diff --git a/webapp/channels/src/components/admin_console/ip_filtering/add_edit_ip_filter_modal.tsx b/webapp/channels/src/components/admin_console/ip_filtering/add_edit_ip_filter_modal.tsx
index 3504c9785a1..30a30eb0227 100644
--- a/webapp/channels/src/components/admin_console/ip_filtering/add_edit_ip_filter_modal.tsx
+++ b/webapp/channels/src/components/admin_console/ip_filtering/add_edit_ip_filter_modal.tsx
@@ -21,7 +21,7 @@ type Props = {
     onSave: (allowedIPRange: AllowedIPRange, oldIPRange?: AllowedIPRange) => void;
     existingRange?: AllowedIPRange;
     currentIP?: string;
-}
+};
 
 export default function IPFilteringAddOrEditModal({onExited, onSave, existingRange, currentIP}: Props) {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/admin_console/ip_filtering/delete_confirmation.tsx b/webapp/channels/src/components/admin_console/ip_filtering/delete_confirmation.tsx
index 2c09410da60..fc4d455792f 100644
--- a/webapp/channels/src/components/admin_console/ip_filtering/delete_confirmation.tsx
+++ b/webapp/channels/src/components/admin_console/ip_filtering/delete_confirmation.tsx
@@ -14,7 +14,7 @@ type Props = {
     onExited: () => void;
     onConfirm?: (filter: AllowedIPRange) => void;
     filterToDelete?: AllowedIPRange;
-}
+};
 
 export default function DeleteConfirmationModal({onExited, onConfirm, filterToDelete}: Props) {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/admin_console/ip_filtering/save_confirmation_modal.tsx b/webapp/channels/src/components/admin_console/ip_filtering/save_confirmation_modal.tsx
index c75723e6f0c..09f1d5a6118 100644
--- a/webapp/channels/src/components/admin_console/ip_filtering/save_confirmation_modal.tsx
+++ b/webapp/channels/src/components/admin_console/ip_filtering/save_confirmation_modal.tsx
@@ -19,7 +19,7 @@ type Props = {
     subtitle: JSX.Element | string;
     buttonText?: string;
     includeDisclaimer?: boolean;
-}
+};
 
 export default function SaveConfirmationModal({onExited, onConfirm, title, subtitle, includeDisclaimer, buttonText}: Props) {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/admin_console/jobs/index.tsx b/webapp/channels/src/components/admin_console/jobs/index.tsx
index 222307afd8e..3aa4e7ed982 100644
--- a/webapp/channels/src/components/admin_console/jobs/index.tsx
+++ b/webapp/channels/src/components/admin_console/jobs/index.tsx
@@ -14,7 +14,7 @@ import type {GlobalState} from 'types/store';
 import Table from './table';
 import type {Props} from './table';
 
-type OwnProps = Omit<Props, 'actions'|'jobs'|'downloadExportRresults'>;
+type OwnProps = Omit<Props, 'actions' | 'jobs' | 'downloadExportRresults'>;
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     return {
diff --git a/webapp/channels/src/components/admin_console/jobs/job_cancel_button.tsx b/webapp/channels/src/components/admin_console/jobs/job_cancel_button.tsx
index 04ebae3e0b4..a082825f0ce 100644
--- a/webapp/channels/src/components/admin_console/jobs/job_cancel_button.tsx
+++ b/webapp/channels/src/components/admin_console/jobs/job_cancel_button.tsx
@@ -16,7 +16,7 @@ type Props = {
     onClick: (id: string) => void;
 };
 
-const JobCancelButton = (props: Props): JSX.Element|null => {
+const JobCancelButton = (props: Props): JSX.Element | null => {
     const {job, disabled, onClick} = props;
     const intl = useIntl();
     let cancelButton = null;
diff --git a/webapp/channels/src/components/admin_console/jobs/job_finish_at.tsx b/webapp/channels/src/components/admin_console/jobs/job_finish_at.tsx
index 962b5cc4a03..9cc736c498c 100644
--- a/webapp/channels/src/components/admin_console/jobs/job_finish_at.tsx
+++ b/webapp/channels/src/components/admin_console/jobs/job_finish_at.tsx
@@ -11,7 +11,7 @@ import {JobStatuses} from 'utils/constants';
 type Props = {
     status: JobStatus;
     millis: number;
-}
+};
 
 const JobFinishAt = React.memo(({status, millis}: Props): JSX.Element => {
     if (millis === 0 || status === JobStatuses.PENDING || status === JobStatuses.IN_PROGRESS || status === JobStatuses.CANCEL_REQUESTED) {
diff --git a/webapp/channels/src/components/admin_console/jobs/table.tsx b/webapp/channels/src/components/admin_console/jobs/table.tsx
index be3ababc095..9aaba9b96a1 100644
--- a/webapp/channels/src/components/admin_console/jobs/table.tsx
+++ b/webapp/channels/src/components/admin_console/jobs/table.tsx
@@ -42,14 +42,14 @@ export type Props = {
         cancelJob: (jobId: string) => Promise<ActionResult>;
         createJob: (job: {type: JobType}) => Promise<ActionResult>;
     };
-}
+};
 
 type State = {
     currentPage: number;
-}
+};
 
 class JobTable extends React.PureComponent<Props, State> {
-    interval: ReturnType<typeof setInterval>|null = null;
+    interval: ReturnType<typeof setInterval> | null = null;
 
     constructor(props: Props) {
         super(props);
diff --git a/webapp/channels/src/components/admin_console/ldap_wizard/ldap_boolean_setting.tsx b/webapp/channels/src/components/admin_console/ldap_wizard/ldap_boolean_setting.tsx
index cbdc573aa0e..c5c130838e9 100644
--- a/webapp/channels/src/components/admin_console/ldap_wizard/ldap_boolean_setting.tsx
+++ b/webapp/channels/src/components/admin_console/ldap_wizard/ldap_boolean_setting.tsx
@@ -16,7 +16,7 @@ type BoolSettingProps = {
     onChange(id: string, value: any): void;
     disabled: boolean;
     setByEnv: boolean;
-} & GeneralSettingProps
+} & GeneralSettingProps;
 
 const LDAPBooleanSetting = (props: BoolSettingProps) => {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/admin_console/ldap_wizard/ldap_button_setting.tsx b/webapp/channels/src/components/admin_console/ldap_wizard/ldap_button_setting.tsx
index 477622e00ed..31ce7c2ef99 100644
--- a/webapp/channels/src/components/admin_console/ldap_wizard/ldap_button_setting.tsx
+++ b/webapp/channels/src/components/admin_console/ldap_wizard/ldap_button_setting.tsx
@@ -18,7 +18,7 @@ type Props = {
     disabled: boolean;
     ldapSettingsState: LdapSettings;
     onFilterTestResults?: (results: TestLdapFiltersResponse) => void;
-} & GeneralSettingProps
+} & GeneralSettingProps;
 
 const LDAPButtonSetting = (props: Props) => {
     const intl = useIntl();
@@ -27,7 +27,7 @@ const LDAPButtonSetting = (props: Props) => {
         return null;
     }
 
-    const handleRequestAction = (success: () => void, error: (error: { message: string }) => void) => {
+    const handleRequestAction = (success: () => void, error: (error: {message: string}) => void) => {
         if (!props.setting.skipSaveNeeded && props.saveNeeded !== false) {
             error({
                 message: intl.formatMessage({id: 'admin_settings.save_unsaved_changes', defaultMessage: 'Please save unsaved changes first'}),
diff --git a/webapp/channels/src/components/admin_console/ldap_wizard/ldap_custom_setting.tsx b/webapp/channels/src/components/admin_console/ldap_wizard/ldap_custom_setting.tsx
index bc3c1f9e51f..a1c379510a5 100644
--- a/webapp/channels/src/components/admin_console/ldap_wizard/ldap_custom_setting.tsx
+++ b/webapp/channels/src/components/admin_console/ldap_wizard/ldap_custom_setting.tsx
@@ -23,7 +23,7 @@ type Props = {
     onChange: (id: string, value: any, confirm: boolean, doSubmit: boolean, warning: boolean) => void;
     disabled: boolean;
     setByEnv: boolean;
-} & GeneralSettingProps
+} & GeneralSettingProps;
 
 const LDAPCustomSetting = (props: Props) => {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/admin_console/ldap_wizard/ldap_dropdown_setting.tsx b/webapp/channels/src/components/admin_console/ldap_wizard/ldap_dropdown_setting.tsx
index d55d7560035..6d2fb910517 100644
--- a/webapp/channels/src/components/admin_console/ldap_wizard/ldap_dropdown_setting.tsx
+++ b/webapp/channels/src/components/admin_console/ldap_wizard/ldap_dropdown_setting.tsx
@@ -21,7 +21,7 @@ type Props = {
     onChange(id: string, value: any): void;
     disabled: boolean;
     setByEnv: boolean;
-} & GeneralSettingProps
+} & GeneralSettingProps;
 
 const LDAPDropdownSetting = (props: Props) => {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/admin_console/ldap_wizard/ldap_expandable_setting.tsx b/webapp/channels/src/components/admin_console/ldap_wizard/ldap_expandable_setting.tsx
index 8984d534350..b549de3ac5a 100644
--- a/webapp/channels/src/components/admin_console/ldap_wizard/ldap_expandable_setting.tsx
+++ b/webapp/channels/src/components/admin_console/ldap_wizard/ldap_expandable_setting.tsx
@@ -12,7 +12,7 @@ import {renderLabel} from '../schema_admin_settings';
 
 type ExpandableSettingProps = {
     buildSettingFunction: (setting: LDAPDefinitionSetting) => React.ReactNode;
-} & GeneralSettingProps
+} & GeneralSettingProps;
 
 const LDAPExpandableSetting = (props: ExpandableSettingProps) => {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/admin_console/ldap_wizard/ldap_file_upload_setting.tsx b/webapp/channels/src/components/admin_console/ldap_wizard/ldap_file_upload_setting.tsx
index d09e9ae655c..9a08dbc0094 100644
--- a/webapp/channels/src/components/admin_console/ldap_wizard/ldap_file_upload_setting.tsx
+++ b/webapp/channels/src/components/admin_console/ldap_wizard/ldap_file_upload_setting.tsx
@@ -21,7 +21,7 @@ type Props = {
     fileUploadSetstate: (key: string, filename: string | null, error_message: string | null) => void;
     disabled: boolean;
     setByEnv: boolean;
-} & GeneralSettingProps
+} & GeneralSettingProps;
 
 const LDAPFileUploadSetting = (props: Props) => {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/admin_console/ldap_wizard/ldap_jobs_table_setting.tsx b/webapp/channels/src/components/admin_console/ldap_wizard/ldap_jobs_table_setting.tsx
index ac637a4f675..64e204d2890 100644
--- a/webapp/channels/src/components/admin_console/ldap_wizard/ldap_jobs_table_setting.tsx
+++ b/webapp/channels/src/components/admin_console/ldap_wizard/ldap_jobs_table_setting.tsx
@@ -12,7 +12,7 @@ import {descriptorOrStringToString, renderSettingHelpText} from '../schema_admin
 
 type Props = {
     disabled: boolean;
-} & GeneralSettingProps
+} & GeneralSettingProps;
 
 const LDAPJobsTableSetting = (props: Props) => {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/admin_console/ldap_wizard/ldap_text_setting.tsx b/webapp/channels/src/components/admin_console/ldap_wizard/ldap_text_setting.tsx
index 6de7e5b1bf1..e2215fec405 100644
--- a/webapp/channels/src/components/admin_console/ldap_wizard/ldap_text_setting.tsx
+++ b/webapp/channels/src/components/admin_console/ldap_wizard/ldap_text_setting.tsx
@@ -27,7 +27,7 @@ type TextSettingProps = {
     disabled: boolean;
     setByEnv: boolean;
     filterResult: LdapDiagnosticResult | null;
-} & GeneralSettingProps
+} & GeneralSettingProps;
 
 const LDAPTextSetting = (props: TextSettingProps) => {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/admin_console/ldap_wizard/ldap_wizard.tsx b/webapp/channels/src/components/admin_console/ldap_wizard/ldap_wizard.tsx
index e21f03a9fd1..0270c506364 100644
--- a/webapp/channels/src/components/admin_console/ldap_wizard/ldap_wizard.tsx
+++ b/webapp/channels/src/components/admin_console/ldap_wizard/ldap_wizard.tsx
@@ -45,26 +45,26 @@ const SECTION_OBSERVER_OPTIONS: IntersectionObserverInit = {
 };
 
 export type LDAPDefinitionSettingButton = AdminDefinitionSettingButton & {
-    action: (success: () => void, error: (error: { message: string }) => void, settings?: Record<string, any>) => void;
-}
+    action: (success: () => void, error: (error: {message: string}) => void, settings?: Record<string, any>) => void;
+};
 
 export type LDAPDefinitionSetting = AdminDefinitionSetting & {
     help_text_more_info?: string | JSX.Element | MessageDescriptor;
-}
+};
 
 export type LDAPAdminDefinitionConfigSchemaSettings = AdminDefinitionSubSectionSchema & {
     sections?: LDAPAdminDefinitionConfigSchemaSection[];
-}
+};
 
 export type LDAPAdminDefinitionConfigSchemaSection = Omit<AdminDefinitionConfigSchemaSection, 'settings'> & {
     sectionTitle?: string;
     settings: LDAPDefinitionSetting[];
-}
+};
 
 export type GeneralSettingProps = {
     setting: LDAPDefinitionSetting;
     schema: AdminDefinitionSubSectionSchema | null;
-}
+};
 
 type Props = {
     config: Partial<AdminConfig>;
@@ -79,7 +79,7 @@ type Props = {
     cloud: CloudState;
     isCurrentUserSystemAdmin: boolean;
     enterpriseReady: boolean;
-} & WrappedComponentProps
+} & WrappedComponentProps;
 
 type State = {
     [x: string]: unknown;
@@ -90,7 +90,7 @@ type State = {
     showConfirmId: string;
     clientWarning: string | boolean;
     prevSchemaId?: string;
-}
+};
 
 const LDAPWizard = (props: Props) => {
     const schema = ldapWizardAdminDefinition;
@@ -115,7 +115,7 @@ const LDAPWizard = (props: Props) => {
         }
     }, [props.config, props.roles, schema]);
 
-    const [saveActions, setSaveActions] = useState<Array<() => Promise<{ error?: { message?: string } }>>>([]);
+    const [saveActions, setSaveActions] = useState<Array<() => Promise<{error?: {message?: string}}>>>([]);
 
     // Combined test results - both filter and attribute test results in one array
     const [testResults, setTestResults] = useState<TestLdapFiltersResponse | null>(null);
@@ -501,11 +501,11 @@ const LDAPWizard = (props: Props) => {
         }
     };
 
-    const unRegisterSaveAction = useCallback((saveAction: () => Promise<{ error?: { message?: string } }>) => {
+    const unRegisterSaveAction = useCallback((saveAction: () => Promise<{error?: {message?: string}}>) => {
         setSaveActions((prev) => prev.filter((action) => action !== saveAction));
     }, []);
 
-    const registerSaveAction = useCallback((saveAction: () => Promise<{ error?: { message?: string } }>) => {
+    const registerSaveAction = useCallback((saveAction: () => Promise<{error?: {message?: string}}>) => {
         setSaveActions((prev) => [...prev, saveAction]);
     }, []);
 
diff --git a/webapp/channels/src/components/admin_console/license_settings/enterprise_edition/enterprise_edition_left_panel.tsx b/webapp/channels/src/components/admin_console/license_settings/enterprise_edition/enterprise_edition_left_panel.tsx
index 8002887f7eb..c819a914bfe 100644
--- a/webapp/channels/src/components/admin_console/license_settings/enterprise_edition/enterprise_edition_left_panel.tsx
+++ b/webapp/channels/src/components/admin_console/license_settings/enterprise_edition/enterprise_edition_left_panel.tsx
@@ -276,7 +276,7 @@ const EnterpriseEditionLeftPanel = ({
     );
 };
 
-type LegendValues = 'START DATE:' | 'EXPIRES:' | 'LICENSED SEATS:' | 'ACTIVE USERS:' | 'SINGLE-CHANNEL GUESTS:' | 'EDITION:' | 'LICENSE ISSUED:' | 'NAME:' | 'COMPANY / ORG:'
+type LegendValues = 'START DATE:' | 'EXPIRES:' | 'LICENSED SEATS:' | 'ACTIVE USERS:' | 'SINGLE-CHANNEL GUESTS:' | 'EDITION:' | 'LICENSE ISSUED:' | 'NAME:' | 'COMPANY / ORG:';
 
 const renderLicenseValues = (activeUsers: number, seatsPurchased: number, expirationDays: number, singleChannelGuestCount: number, singleChannelGuestLimit: number) => ({legend, value}: {legend: LegendValues; value: string | JSX.Element | null}, index: number): React.ReactNode => {
     if (legend === 'SINGLE-CHANNEL GUESTS:') {
diff --git a/webapp/channels/src/components/admin_console/license_settings/license_settings.tsx b/webapp/channels/src/components/admin_console/license_settings/license_settings.tsx
index f283bf514f6..4c79b918b12 100644
--- a/webapp/channels/src/components/admin_console/license_settings/license_settings.tsx
+++ b/webapp/channels/src/components/admin_console/license_settings/license_settings.tsx
@@ -63,7 +63,7 @@ type Props = {
             error?: ServerError;
         }>;
     };
-}
+};
 
 const messages = defineMessages({
     title: {id: 'admin.license.title', defaultMessage: 'Edition and License'},
diff --git a/webapp/channels/src/components/admin_console/license_settings/modals/confirm_license_removal_modal.tsx b/webapp/channels/src/components/admin_console/license_settings/modals/confirm_license_removal_modal.tsx
index 5b320c36c67..3e999345331 100644
--- a/webapp/channels/src/components/admin_console/license_settings/modals/confirm_license_removal_modal.tsx
+++ b/webapp/channels/src/components/admin_console/license_settings/modals/confirm_license_removal_modal.tsx
@@ -23,7 +23,7 @@ type Props = {
     currentLicenseSKU: string;
     onExited?: () => void;
     handleRemove?: (e: React.MouseEvent<HTMLButtonElement>) => Promise<void>;
-}
+};
 
 const ConfirmLicenseRemovalModal: React.FC<Props> = (props: Props): JSX.Element | null => {
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/admin_console/license_settings/modals/ee_license_modal.tsx b/webapp/channels/src/components/admin_console/license_settings/modals/ee_license_modal.tsx
index 9c53fb36c03..5e0ef549542 100644
--- a/webapp/channels/src/components/admin_console/license_settings/modals/ee_license_modal.tsx
+++ b/webapp/channels/src/components/admin_console/license_settings/modals/ee_license_modal.tsx
@@ -18,7 +18,7 @@ import './ee_license_modal.scss';
 
 type Props = {
     onClose?: () => void;
-}
+};
 
 const EELicenseModal: React.FC<Props> = (props: Props): JSX.Element | null => {
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/admin_console/license_settings/modals/upload_license_modal.tsx b/webapp/channels/src/components/admin_console/license_settings/modals/upload_license_modal.tsx
index 1788386c568..47a04756ea7 100644
--- a/webapp/channels/src/components/admin_console/license_settings/modals/upload_license_modal.tsx
+++ b/webapp/channels/src/components/admin_console/license_settings/modals/upload_license_modal.tsx
@@ -34,7 +34,7 @@ import './upload_license_modal.scss';
 type Props = {
     onExited?: () => void;
     fileObjFromProps: File | null;
-}
+};
 
 type ModalStep = 'loading' | 'preview' | 'success';
 
diff --git a/webapp/channels/src/components/admin_console/localization/agents_settings.tsx b/webapp/channels/src/components/admin_console/localization/agents_settings.tsx
index 47b7c50df0d..1d691b57af7 100644
--- a/webapp/channels/src/components/admin_console/localization/agents_settings.tsx
+++ b/webapp/channels/src/components/admin_console/localization/agents_settings.tsx
@@ -17,7 +17,7 @@ import {type SystemConsoleCustomSettingsComponentProps} from '../schema_admin_se
 
 type AgentsSettingsState = {
     LLMServiceID: string;
-}
+};
 
 export default function AgentsSettings(props: SystemConsoleCustomSettingsComponentProps) {
     const values = props.value as AutoTranslationSettings;
diff --git a/webapp/channels/src/components/admin_console/localization/libreTranslate_settings.tsx b/webapp/channels/src/components/admin_console/localization/libreTranslate_settings.tsx
index b2e1bb1503c..68f77a86f53 100644
--- a/webapp/channels/src/components/admin_console/localization/libreTranslate_settings.tsx
+++ b/webapp/channels/src/components/admin_console/localization/libreTranslate_settings.tsx
@@ -16,7 +16,7 @@ import {type SystemConsoleCustomSettingsComponentProps} from '../schema_admin_se
 type LibreTranslateSettings = {
     URL: string;
     APIKey: string;
-}
+};
 
 export default function LibreTranslateSettings(props: SystemConsoleCustomSettingsComponentProps) {
     const values = props.value as AutoTranslationSettings;
diff --git a/webapp/channels/src/components/admin_console/manage_roles_modal/manage_roles_modal.tsx b/webapp/channels/src/components/admin_console/manage_roles_modal/manage_roles_modal.tsx
index 6864e1e5d9b..648d9d819d7 100644
--- a/webapp/channels/src/components/admin_console/manage_roles_modal/manage_roles_modal.tsx
+++ b/webapp/channels/src/components/admin_console/manage_roles_modal/manage_roles_modal.tsx
@@ -32,7 +32,7 @@ export type Props = {
     actions: {
         updateUserRoles: (userId: string, roles: string) => Promise<ActionResult>;
     };
-}
+};
 
 type State = {
     show: boolean;
@@ -42,7 +42,7 @@ type State = {
     hasPostAllPublicRole: boolean;
     hasUserAccessTokenRole: boolean;
     isSystemAdmin: boolean;
-}
+};
 
 function getStateFromProps(props: Props): State {
     const roles = props.user && props.user.roles ? props.user.roles : '';
diff --git a/webapp/channels/src/components/admin_console/manage_teams_modal/manage_teams_dropdown.tsx b/webapp/channels/src/components/admin_console/manage_teams_modal/manage_teams_dropdown.tsx
index bfc4d923f8f..bdaa46146d2 100644
--- a/webapp/channels/src/components/admin_console/manage_teams_modal/manage_teams_dropdown.tsx
+++ b/webapp/channels/src/components/admin_console/manage_teams_modal/manage_teams_dropdown.tsx
@@ -21,7 +21,7 @@ type Props = {
     onMemberChange: (teamId: string) => void;
     updateTeamMemberSchemeRoles: (teamId: string, userId: string, isSchemeUser: boolean, isSchemeAdmin: boolean,) => Promise<ActionResult>;
     handleRemoveUserFromTeam: (teamId: string) => void;
-}
+};
 
 const ManageTeamsDropdown = (props: Props) => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/admin_console/manage_teams_modal/manage_teams_modal.tsx b/webapp/channels/src/components/admin_console/manage_teams_modal/manage_teams_modal.tsx
index 17369801373..7f795452b6e 100644
--- a/webapp/channels/src/components/admin_console/manage_teams_modal/manage_teams_modal.tsx
+++ b/webapp/channels/src/components/admin_console/manage_teams_modal/manage_teams_modal.tsx
@@ -31,7 +31,7 @@ export type Props = {
         updateTeamMemberSchemeRoles: (teamId: string, userId: string, isSchemeUser: boolean, isSchemeAdmin: boolean) => Promise<ActionResult>;
         removeUserFromTeam: (teamId: string, userId: string) => Promise<ActionResult>;
     };
-}
+};
 
 const ManageTeamsModal = ({locale, onExited, user, actions}: Props) => {
     const [error, setError] = React.useState<JSX.Element | null>(null);
diff --git a/webapp/channels/src/components/admin_console/manage_teams_modal/remove_from_team_button.tsx b/webapp/channels/src/components/admin_console/manage_teams_modal/remove_from_team_button.tsx
index 8cc55c3ad13..4b25c46a647 100644
--- a/webapp/channels/src/components/admin_console/manage_teams_modal/remove_from_team_button.tsx
+++ b/webapp/channels/src/components/admin_console/manage_teams_modal/remove_from_team_button.tsx
@@ -9,7 +9,7 @@ import {Button} from '@mattermost/shared/components/button';
 type Props = {
     teamId: string;
     handleRemoveUserFromTeam: (team: string) => void;
-}
+};
 
 const RemoveFromTeamButton = ({teamId, handleRemoveUserFromTeam}: Props) => {
     const handleClick = (e: React.MouseEvent) => {
diff --git a/webapp/channels/src/components/admin_console/manage_tokens_modal/index.ts b/webapp/channels/src/components/admin_console/manage_tokens_modal/index.ts
index 445ef08b062..2ce12091bad 100644
--- a/webapp/channels/src/components/admin_console/manage_tokens_modal/index.ts
+++ b/webapp/channels/src/components/admin_console/manage_tokens_modal/index.ts
@@ -15,7 +15,7 @@ import ManageTokensModal from './manage_tokens_modal';
 
 type OwnProps = {
     user?: UserProfile;
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     const userId = ownProps.user ? ownProps.user.id : '';
diff --git a/webapp/channels/src/components/admin_console/manage_tokens_modal/manage_tokens_modal.tsx b/webapp/channels/src/components/admin_console/manage_tokens_modal/manage_tokens_modal.tsx
index 0237e759365..f3e7fe3d9e7 100644
--- a/webapp/channels/src/components/admin_console/manage_tokens_modal/manage_tokens_modal.tsx
+++ b/webapp/channels/src/components/admin_console/manage_tokens_modal/manage_tokens_modal.tsx
@@ -42,7 +42,7 @@ export type Props = {
 type State = {
     show: boolean;
     error: string | null;
-}
+};
 
 export default class ManageTokensModal extends React.PureComponent<Props, State> {
     public constructor(props: Props) {
diff --git a/webapp/channels/src/components/admin_console/member_list_group/index.ts b/webapp/channels/src/components/admin_console/member_list_group/index.ts
index fa57e81c533..9647dfdd439 100644
--- a/webapp/channels/src/components/admin_console/member_list_group/index.ts
+++ b/webapp/channels/src/components/admin_console/member_list_group/index.ts
@@ -18,7 +18,7 @@ import MemberListGroup from './member_list_group';
 
 type Props = {
     groupID: string;
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: Props) {
     const {groupID} = ownProps;
diff --git a/webapp/channels/src/components/admin_console/member_list_group/member_list_group.tsx b/webapp/channels/src/components/admin_console/member_list_group/member_list_group.tsx
index b68ecfca7ec..7048ea30507 100644
--- a/webapp/channels/src/components/admin_console/member_list_group/member_list_group.tsx
+++ b/webapp/channels/src/components/admin_console/member_list_group/member_list_group.tsx
@@ -30,12 +30,12 @@ export type Props = {
         searchProfiles: (term: string, options?: Record<string, unknown>) => Promise<ActionResult<UserProfile[]>>;
         setModalSearchTerm: (term: string) => void;
     };
-}
+};
 
 type State = {
     loading: boolean;
     page: number;
-}
+};
 
 export default class MemberListGroup extends React.PureComponent<Props, State> {
     private searchTimeoutId: number;
diff --git a/webapp/channels/src/components/admin_console/message_export_settings.tsx b/webapp/channels/src/components/admin_console/message_export_settings.tsx
index 3ed095dd43f..cdb3b60045e 100644
--- a/webapp/channels/src/components/admin_console/message_export_settings.tsx
+++ b/webapp/channels/src/components/admin_console/message_export_settings.tsx
@@ -61,7 +61,7 @@ const messages = defineMessages({
 });
 
 export const searchableStrings: Array<
-string | MessageDescriptor | [MessageDescriptor, { [key: string]: any }]
+string | MessageDescriptor | [MessageDescriptor, {[key: string]: any}]
 > = [
     messages.exportFormat_description_intro,
     messages.exportFormat_description_details,
diff --git a/webapp/channels/src/components/admin_console/multiselect_settings.tsx b/webapp/channels/src/components/admin_console/multiselect_settings.tsx
index f213226e3a6..aa1e3d47e55 100644
--- a/webapp/channels/src/components/admin_console/multiselect_settings.tsx
+++ b/webapp/channels/src/components/admin_console/multiselect_settings.tsx
@@ -26,7 +26,7 @@ interface Props {
     noOptionsMessage?: React.ReactNode;
 }
 
-const getOptionLabel = ({text}: { text: string}) => text;
+const getOptionLabel = ({text}: {text: string}) => text;
 
 const MultiSelectSetting: React.FC<Props> = ({
     id,
diff --git a/webapp/channels/src/components/admin_console/old_admin_settings.tsx b/webapp/channels/src/components/admin_console/old_admin_settings.tsx
index bc16bb284e3..d259202de44 100644
--- a/webapp/channels/src/components/admin_console/old_admin_settings.tsx
+++ b/webapp/channels/src/components/admin_console/old_admin_settings.tsx
@@ -18,21 +18,21 @@ export type BaseProps = {
     setNavigationBlocked?: (blocked: boolean) => void;
     isDisabled?: boolean;
     patchConfig?: (config: DeepPartial<AdminConfig>) => {data: AdminConfig; error: ClientErrorPlaceholder};
-}
+};
 
 export type BaseState = {
     saveNeeded: boolean;
     saving: boolean;
-    serverError: string|null;
+    serverError: string | null;
     serverErrorId?: string;
-}
+};
 
 // Placeholder type until ClientError is exported from redux.
 // TODO: remove ClientErrorPlaceholder and change the return type of patchConfig
 type ClientErrorPlaceholder = {
     message: string;
     server_error_id: string;
-}
+};
 
 export default abstract class OLDAdminSettings <Props extends BaseProps, State extends BaseState> extends React.Component<Props, State> {
     public constructor(props: Props) {
diff --git a/webapp/channels/src/components/admin_console/password_settings.tsx b/webapp/channels/src/components/admin_console/password_settings.tsx
index a23e4a54873..9ed9b59daee 100644
--- a/webapp/channels/src/components/admin_console/password_settings.tsx
+++ b/webapp/channels/src/components/admin_console/password_settings.tsx
@@ -49,7 +49,7 @@ const messages = defineMessages({
     passwordRequirements: {id: 'passwordRequirements', defaultMessage: 'Password Requirements:'},
 });
 
-export const searchableStrings: Array<string|MessageDescriptor|[MessageDescriptor, {[key: string]: any}]> = [
+export const searchableStrings: Array<string | MessageDescriptor | [MessageDescriptor, {[key: string]: any}]> = [
     [messages.minimumLength, {max: '', min: ''}],
     [messages.minimumLengthDescription, {max: '', min: ''}],
     messages.passwordMinLength,
diff --git a/webapp/channels/src/components/admin_console/permission_policies/policy_details/index.ts b/webapp/channels/src/components/admin_console/permission_policies/policy_details/index.ts
index 13f6686e560..5570446ccf1 100644
--- a/webapp/channels/src/components/admin_console/permission_policies/policy_details/index.ts
+++ b/webapp/channels/src/components/admin_console/permission_policies/policy_details/index.ts
@@ -21,7 +21,7 @@ type OwnProps = {
             policy_id: string;
         };
     };
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     const policyId = ownProps.match.params.policy_id;
diff --git a/webapp/channels/src/components/admin_console/permission_schemes_settings/edit_post_time_limit_button/edit_post_time_limit_button.tsx b/webapp/channels/src/components/admin_console/permission_schemes_settings/edit_post_time_limit_button/edit_post_time_limit_button.tsx
index fcbace5e55e..d4fb3b24eec 100644
--- a/webapp/channels/src/components/admin_console/permission_schemes_settings/edit_post_time_limit_button/edit_post_time_limit_button.tsx
+++ b/webapp/channels/src/components/admin_console/permission_schemes_settings/edit_post_time_limit_button/edit_post_time_limit_button.tsx
@@ -10,7 +10,7 @@ type Props = {
     timeLimit: number;
     onClick: () => void;
     isDisabled: boolean | undefined;
-}
+};
 
 export default function EditPostTimeLimitButton(props: Props) {
     return (
diff --git a/webapp/channels/src/components/admin_console/permission_schemes_settings/edit_post_time_limit_modal/edit_post_time_limit_modal.tsx b/webapp/channels/src/components/admin_console/permission_schemes_settings/edit_post_time_limit_modal/edit_post_time_limit_modal.tsx
index f38ae00dcd3..1a5a6841aa0 100644
--- a/webapp/channels/src/components/admin_console/permission_schemes_settings/edit_post_time_limit_modal/edit_post_time_limit_modal.tsx
+++ b/webapp/channels/src/components/admin_console/permission_schemes_settings/edit_post_time_limit_modal/edit_post_time_limit_modal.tsx
@@ -15,14 +15,14 @@ import {Constants} from 'utils/constants';
 
 const INT32_MAX = 2147483647;
 
-type Props ={
+type Props = {
     config: Partial<AdminConfig>;
     show: boolean;
     onClose: () => void;
     actions: {
         patchConfig: (config: DeepPartial<AdminConfig>) => Promise<ActionResult>;
     };
-}
+};
 
 export default function EditPostTimeLimitModal(props: Props) {
     const {ServiceSettings} = props.config;
diff --git a/webapp/channels/src/components/admin_console/permission_schemes_settings/guest_permissions_tree/guest_permissions_tree.tsx b/webapp/channels/src/components/admin_console/permission_schemes_settings/guest_permissions_tree/guest_permissions_tree.tsx
index d7cff0943d9..dc28572781d 100644
--- a/webapp/channels/src/components/admin_console/permission_schemes_settings/guest_permissions_tree/guest_permissions_tree.tsx
+++ b/webapp/channels/src/components/admin_console/permission_schemes_settings/guest_permissions_tree/guest_permissions_tree.tsx
@@ -25,7 +25,7 @@ type Props = {
     parentRole?: Role;
     selected?: string;
     role?: Partial<Role>;
-}
+};
 
 const GuestPermissionsTree = ({license, onToggle, readOnly, scope, selectRow, parentRole, selected, role = {permissions: []}}: Props) => {
     const setPermissions = () => {
diff --git a/webapp/channels/src/components/admin_console/permission_schemes_settings/permission_description.tsx b/webapp/channels/src/components/admin_console/permission_schemes_settings/permission_description.tsx
index 0d28f753c71..ffb46581969 100644
--- a/webapp/channels/src/components/admin_console/permission_schemes_settings/permission_description.tsx
+++ b/webapp/channels/src/components/admin_console/permission_schemes_settings/permission_description.tsx
@@ -16,7 +16,7 @@ type Props = {
     selectRow: (id: string) => void;
     additionalValues?: Record<string, unknown>;
     description: string | JSX.Element;
-}
+};
 
 const PermissionDescription = ({
     id,
diff --git a/webapp/channels/src/components/admin_console/permission_schemes_settings/permission_row.tsx b/webapp/channels/src/components/admin_console/permission_schemes_settings/permission_row.tsx
index ecfbc90f4ea..8e946e69cbe 100644
--- a/webapp/channels/src/components/admin_console/permission_schemes_settings/permission_row.tsx
+++ b/webapp/channels/src/components/admin_console/permission_schemes_settings/permission_row.tsx
@@ -21,7 +21,7 @@ type Props = {
     value: string;
     onChange: (id: string) => void;
     additionalValues: Record<string, any>;
-}
+};
 
 const PermissionRow = ({
     additionalValues,
diff --git a/webapp/channels/src/components/admin_console/permission_schemes_settings/permission_system_scheme_settings/permission_system_scheme_settings.tsx b/webapp/channels/src/components/admin_console/permission_schemes_settings/permission_system_scheme_settings/permission_system_scheme_settings.tsx
index ed72e9238ce..9f3e4727b7a 100644
--- a/webapp/channels/src/components/admin_console/permission_schemes_settings/permission_system_scheme_settings/permission_system_scheme_settings.tsx
+++ b/webapp/channels/src/components/admin_console/permission_schemes_settings/permission_system_scheme_settings/permission_system_scheme_settings.tsx
@@ -50,7 +50,7 @@ type State = {
     selectedPermission?: string;
     openRoles: Record<string, boolean>;
     urlParams: URLSearchParams;
-}
+};
 
 type RolesState = {
     system_admin: Role;
@@ -62,7 +62,7 @@ type RolesState = {
     run_member: Role;
     all_users: {name: string; display_name: string; permissions: Role['permissions']};
     guests: {name: string; display_name: string; permissions: Role['permissions']};
-}
+};
 export class PermissionSystemSchemeSettings extends React.PureComponent<Props, State> {
     private rolesNeeded: string[];
 
diff --git a/webapp/channels/src/components/admin_console/permission_schemes_settings/permission_team_scheme_settings/team_in_list/team_in_list.tsx b/webapp/channels/src/components/admin_console/permission_schemes_settings/permission_team_scheme_settings/team_in_list/team_in_list.tsx
index 58aa5855151..5dfcb7f3199 100644
--- a/webapp/channels/src/components/admin_console/permission_schemes_settings/permission_team_scheme_settings/team_in_list/team_in_list.tsx
+++ b/webapp/channels/src/components/admin_console/permission_schemes_settings/permission_team_scheme_settings/team_in_list/team_in_list.tsx
@@ -15,7 +15,7 @@ type Props = {
     team: Team;
     onRemoveTeam: (teamId: string) => void;
     isDisabled: boolean;
-}
+};
 
 const TeamInList = ({
     team,
diff --git a/webapp/channels/src/components/admin_console/permission_schemes_settings/permissions_scheme_summary/permissions_scheme_summary.tsx b/webapp/channels/src/components/admin_console/permission_schemes_settings/permissions_scheme_summary/permissions_scheme_summary.tsx
index fe208146c96..b4098bf4a8f 100644
--- a/webapp/channels/src/components/admin_console/permission_schemes_settings/permissions_scheme_summary/permissions_scheme_summary.tsx
+++ b/webapp/channels/src/components/admin_console/permission_schemes_settings/permissions_scheme_summary/permissions_scheme_summary.tsx
@@ -24,13 +24,13 @@ export type Props = {
     actions?: {
         deleteScheme: (id: string) => Promise<ActionResult>;
     };
-}
+};
 
 type State = {
     showConfirmModal: boolean;
     deleting: boolean;
     serverError?: string;
-}
+};
 
 export default class PermissionsSchemeSummary extends React.PureComponent<Props & RouteComponentProps, State> {
     constructor(props: Props & RouteComponentProps) {
diff --git a/webapp/channels/src/components/admin_console/permission_schemes_settings/permissions_tree/permissions_tree.tsx b/webapp/channels/src/components/admin_console/permission_schemes_settings/permissions_tree/permissions_tree.tsx
index cd22616e18a..58438a20a49 100644
--- a/webapp/channels/src/components/admin_console/permission_schemes_settings/permissions_tree/permissions_tree.tsx
+++ b/webapp/channels/src/components/admin_console/permission_schemes_settings/permissions_tree/permissions_tree.tsx
@@ -33,11 +33,11 @@ type Props = {
     readOnly?: boolean;
     license?: ClientLicense;
     customGroupsEnabled: boolean;
-}
+};
 
 type State = {
     editTimeLimitModalIsVisible: boolean;
-}
+};
 
 export default class PermissionsTree extends React.PureComponent<Props, State> {
     static defaultProps: Partial<Props> = {
diff --git a/webapp/channels/src/components/admin_console/permission_schemes_settings/permissions_tree/types.ts b/webapp/channels/src/components/admin_console/permission_schemes_settings/permissions_tree/types.ts
index abe02898d11..abea6781388 100644
--- a/webapp/channels/src/components/admin_console/permission_schemes_settings/permissions_tree/types.ts
+++ b/webapp/channels/src/components/admin_console/permission_schemes_settings/permissions_tree/types.ts
@@ -9,11 +9,11 @@ export type Permission = {
     id: string;
     combined?: boolean;
     permissions: string[];
-}
+};
 export type Group = {
     id: string;
     permissions: Array<Permission | string>;
     isVisible?: (license?: ClientLicense) => boolean;
-}
+};
 
 export type AdditionalValues = Record<string, Record<string, any>>;
diff --git a/webapp/channels/src/components/admin_console/plugin_management/plugin_management.tsx b/webapp/channels/src/components/admin_console/plugin_management/plugin_management.tsx
index 9a3bbf9b7d3..111f565e504 100644
--- a/webapp/channels/src/components/admin_console/plugin_management/plugin_management.tsx
+++ b/webapp/channels/src/components/admin_console/plugin_management/plugin_management.tsx
@@ -174,7 +174,7 @@ type PluginStatus = {
         footer: string;
         settings?: unknown[];
     };
-}
+};
 
 type PluginItemProps = {
     pluginStatus: PluginStatus;
@@ -485,7 +485,7 @@ type State = BaseState & {
     overwritingInstall?: boolean;
     confirmOverwriteInstallModal: boolean;
     showRemoveModal: boolean;
-    resolveRemoveModal: string| null;
+    resolveRemoveModal: string | null;
     enable: boolean;
     enableUploads: boolean;
     allowInsecureDownloadUrl: boolean;
@@ -495,7 +495,7 @@ type State = BaseState & {
     marketplaceUrl: string;
     requirePluginSignature: boolean;
     removing: string | null;
-}
+};
 export class PluginManagement extends OLDAdminSettings<Props, State> {
     private fileInput: React.RefObject<HTMLInputElement>;
     constructor(props: Props) {
@@ -826,7 +826,7 @@ export class PluginManagement extends OLDAdminSettings<Props, State> {
 
     renderOverwritePluginModal = (
         {show, onConfirm, onCancel}:
-        {show: boolean; onConfirm: (checked: boolean) => void; onCancel: (checked: boolean) => void }) => {
+        {show: boolean; onConfirm: (checked: boolean) => void; onCancel: (checked: boolean) => void}) => {
         const title = (
             <FormattedMessage
                 id='admin.plugin.upload.overwrite_modal.title'
diff --git a/webapp/channels/src/components/admin_console/radio_setting.tsx b/webapp/channels/src/components/admin_console/radio_setting.tsx
index ece6f67369c..050c91485fb 100644
--- a/webapp/channels/src/components/admin_console/radio_setting.tsx
+++ b/webapp/channels/src/components/admin_console/radio_setting.tsx
@@ -11,7 +11,7 @@ import './radio_setting.scss';
 interface Props {
     id: string;
     label: React.ReactNode;
-    values: Array<{ text: string; value: string }>;
+    values: Array<{text: string; value: string}>;
     value: string;
     setByEnv: boolean;
     disabled?: boolean;
diff --git a/webapp/channels/src/components/admin_console/remove_file_setting.tsx b/webapp/channels/src/components/admin_console/remove_file_setting.tsx
index 07b0b32fcfa..a18be557625 100644
--- a/webapp/channels/src/components/admin_console/remove_file_setting.tsx
+++ b/webapp/channels/src/components/admin_console/remove_file_setting.tsx
@@ -18,7 +18,7 @@ type Props = SettingsProps & {
     fileName: string;
     onSubmit: (arg0: string, arg1: () => void) => void;
     disabled?: boolean;
-}
+};
 
 const RemoveFileSetting: FC<Props> = ({
     id,
diff --git a/webapp/channels/src/components/admin_console/request_button/request_button.tsx b/webapp/channels/src/components/admin_console/request_button/request_button.tsx
index 9b1f6cec810..92ab86d8768 100644
--- a/webapp/channels/src/components/admin_console/request_button/request_button.tsx
+++ b/webapp/channels/src/components/admin_console/request_button/request_button.tsx
@@ -126,7 +126,7 @@ type State = {
     busy: boolean;
     fail: string;
     success: boolean;
-}
+};
 
 export default class RequestButton extends React.PureComponent<Props, State> {
     static defaultProps: Partial<Props> = {
diff --git a/webapp/channels/src/components/admin_console/reset_email_modal/reset_email_modal.tsx b/webapp/channels/src/components/admin_console/reset_email_modal/reset_email_modal.tsx
index 9e7be184ab4..7729ec3fe98 100644
--- a/webapp/channels/src/components/admin_console/reset_email_modal/reset_email_modal.tsx
+++ b/webapp/channels/src/components/admin_console/reset_email_modal/reset_email_modal.tsx
@@ -24,7 +24,7 @@ type Props = {
     actions: {
         patchUser: (user: UserProfile) => Promise<ActionResult>;
     };
-}
+};
 
 export default function ResetEmailModal({
     user,
diff --git a/webapp/channels/src/components/admin_console/reset_password_modal/reset_password_modal.tsx b/webapp/channels/src/components/admin_console/reset_password_modal/reset_password_modal.tsx
index 4b3c8c7dda9..b8b110fc23a 100644
--- a/webapp/channels/src/components/admin_console/reset_password_modal/reset_password_modal.tsx
+++ b/webapp/channels/src/components/admin_console/reset_password_modal/reset_password_modal.tsx
@@ -33,7 +33,7 @@ export type Props = {
     actions: {
         updateUserPassword: (userId: string, currentPassword: string, password: string) => Promise<ActionResult>;
     };
-}
+};
 
 export default function ResetPasswordModal({
     user,
diff --git a/webapp/channels/src/components/admin_console/schema_admin_settings.tsx b/webapp/channels/src/components/admin_console/schema_admin_settings.tsx
index 801f5a70a85..202d71dc341 100644
--- a/webapp/channels/src/components/admin_console/schema_admin_settings.tsx
+++ b/webapp/channels/src/components/admin_console/schema_admin_settings.tsx
@@ -64,7 +64,7 @@ export type SystemConsoleCustomSettingsComponentProps = {
     unRegisterSaveAction: (saveAction: () => Promise<{error?: {message?: string}}>) => void;
     cancelSubmit: () => void;
     showConfirm: boolean;
-}
+};
 
 export type SchemaAdminSettingsProps = {
     config: Partial<AdminConfig>;
@@ -80,7 +80,7 @@ export type SchemaAdminSettingsProps = {
     cloud: CloudState;
     isCurrentUserSystemAdmin: boolean;
     enterpriseReady: boolean;
-} & WrappedComponentProps
+} & WrappedComponentProps;
 
 type State = {
     [x: string]: any;
@@ -92,7 +92,7 @@ type State = {
     showConfirmId: string;
     clientWarning: string;
     prevSchemaId?: string;
-}
+};
 
 // Some path parts may contain periods (e.g. plugin ids), but path walking the configuration
 // relies on splitting by periods. Use this pair of functions to allow such path parts.
diff --git a/webapp/channels/src/components/admin_console/schema_text.tsx b/webapp/channels/src/components/admin_console/schema_text.tsx
index fff3b2f45a9..590672326c4 100644
--- a/webapp/channels/src/components/admin_console/schema_text.tsx
+++ b/webapp/channels/src/components/admin_console/schema_text.tsx
@@ -12,7 +12,7 @@ type Props = {
     isMarkdown?: boolean;
     text: string | MessageDescriptor | JSX.Element;
     textValues?: Record<string, string | (() => React.ReactNode)>;
-}
+};
 
 const SchemaText = ({
     isMarkdown,
diff --git a/webapp/channels/src/components/admin_console/search_keyword_marking.tsx b/webapp/channels/src/components/admin_console/search_keyword_marking.tsx
index 52eacc908d5..89e5d9e3b76 100644
--- a/webapp/channels/src/components/admin_console/search_keyword_marking.tsx
+++ b/webapp/channels/src/components/admin_console/search_keyword_marking.tsx
@@ -10,7 +10,7 @@ type Props = {
     keyword?: string;
     pathname?: string;
     children: ReactNode;
-}
+};
 
 const DEBOUNCE_WAIT_TIME = 200;
 
diff --git a/webapp/channels/src/components/admin_console/secure_connections/controls.tsx b/webapp/channels/src/components/admin_console/secure_connections/controls.tsx
index 446ee52a401..6e7199f2dc1 100644
--- a/webapp/channels/src/components/admin_console/secure_connections/controls.tsx
+++ b/webapp/channels/src/components/admin_console/secure_connections/controls.tsx
@@ -137,7 +137,7 @@ type FormFieldProps = {
     label?: string;
     children: ReactNode | ReactNode[];
     helpText?: string | ReactNode;
-}
+};
 
 export const FormField = ({label, children, helpText}: FormFieldProps) => {
     return (
diff --git a/webapp/channels/src/components/admin_console/secure_connections/modals/modal_utils.tsx b/webapp/channels/src/components/admin_console/secure_connections/modals/modal_utils.tsx
index d40432374be..1d561ab91e5 100644
--- a/webapp/channels/src/components/admin_console/secure_connections/modals/modal_utils.tsx
+++ b/webapp/channels/src/components/admin_console/secure_connections/modals/modal_utils.tsx
@@ -179,7 +179,7 @@ export const useSharedChannelsRemove = (remoteId: string) => {
 export type SharedChannelsAddResult = {
     data: {[channel_id: string]: PromiseSettledResult<StatusOK>};
     errors: {[channel_id: string]: ServerError};
-}
+};
 export const useSharedChannelsAdd = (remoteId: string) => {
     const dispatch = useDispatch();
     const promptAdd = () => {
diff --git a/webapp/channels/src/components/admin_console/secure_connections/modals/secure_connection_accept_invite_modal.tsx b/webapp/channels/src/components/admin_console/secure_connections/modals/secure_connection_accept_invite_modal.tsx
index 77ee3804f4b..f62bda470d6 100644
--- a/webapp/channels/src/components/admin_console/secure_connections/modals/secure_connection_accept_invite_modal.tsx
+++ b/webapp/channels/src/components/admin_console/secure_connections/modals/secure_connection_accept_invite_modal.tsx
@@ -21,7 +21,7 @@ type Props = {
     onCancel?: () => void;
     onExited: () => void;
     onHide: () => void;
-}
+};
 
 const noop = () => {};
 
diff --git a/webapp/channels/src/components/admin_console/secure_connections/modals/secure_connection_create_invite_modal.tsx b/webapp/channels/src/components/admin_console/secure_connections/modals/secure_connection_create_invite_modal.tsx
index 6fa10e83030..0f4f38e20d1 100644
--- a/webapp/channels/src/components/admin_console/secure_connections/modals/secure_connection_create_invite_modal.tsx
+++ b/webapp/channels/src/components/admin_console/secure_connections/modals/secure_connection_create_invite_modal.tsx
@@ -20,7 +20,7 @@ type Props = {
     onConfirm: () => Promise<{remoteCluster: RemoteCluster; share: {invite: string; password: string}} | undefined>;
     onCancel?: () => void;
     onExited: () => void;
-}
+};
 
 const noop = () => {};
 
diff --git a/webapp/channels/src/components/admin_console/secure_connections/modals/secure_connection_delete_modal.tsx b/webapp/channels/src/components/admin_console/secure_connections/modals/secure_connection_delete_modal.tsx
index b760e0ff145..51d6b9f5cf7 100644
--- a/webapp/channels/src/components/admin_console/secure_connections/modals/secure_connection_delete_modal.tsx
+++ b/webapp/channels/src/components/admin_console/secure_connections/modals/secure_connection_delete_modal.tsx
@@ -11,7 +11,7 @@ type Props = {
     onConfirm: () => void;
     onCancel?: () => void;
     onExited: () => void;
-}
+};
 
 const noop = () => {};
 
diff --git a/webapp/channels/src/components/admin_console/secure_connections/modals/shared_channels_add_modal.tsx b/webapp/channels/src/components/admin_console/secure_connections/modals/shared_channels_add_modal.tsx
index c525530355f..a1d35773b2b 100644
--- a/webapp/channels/src/components/admin_console/secure_connections/modals/shared_channels_add_modal.tsx
+++ b/webapp/channels/src/components/admin_console/secure_connections/modals/shared_channels_add_modal.tsx
@@ -34,7 +34,7 @@ type Props = {
     onExited: () => void;
     remoteId: string;
     onHide: () => void;
-}
+};
 
 const noop = () => {};
 
diff --git a/webapp/channels/src/components/admin_console/secure_connections/modals/shared_channels_remove_modal.tsx b/webapp/channels/src/components/admin_console/secure_connections/modals/shared_channels_remove_modal.tsx
index 885bacb7f58..e597da6bb0e 100644
--- a/webapp/channels/src/components/admin_console/secure_connections/modals/shared_channels_remove_modal.tsx
+++ b/webapp/channels/src/components/admin_console/secure_connections/modals/shared_channels_remove_modal.tsx
@@ -12,7 +12,7 @@ type Props = {
     onConfirm: () => void;
     onCancel?: () => void;
     onExited: () => void;
-}
+};
 
 const noop = () => {};
 
diff --git a/webapp/channels/src/components/admin_console/secure_connections/secure_connection_detail.tsx b/webapp/channels/src/components/admin_console/secure_connections/secure_connection_detail.tsx
index 4e9e5aa4c21..a05210b4696 100644
--- a/webapp/channels/src/components/admin_console/secure_connections/secure_connection_detail.tsx
+++ b/webapp/channels/src/components/admin_console/secure_connections/secure_connection_detail.tsx
@@ -56,7 +56,7 @@ type Params = {
 
 type Props = {
     disabled: boolean;
-}
+};
 
 export default function SecureConnectionDetail(props: Props) {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/admin_console/secure_connections/team_selector.tsx b/webapp/channels/src/components/admin_console/secure_connections/team_selector.tsx
index 18b2c4a8c0b..58c90d2cbd1 100644
--- a/webapp/channels/src/components/admin_console/secure_connections/team_selector.tsx
+++ b/webapp/channels/src/components/admin_console/secure_connections/team_selector.tsx
@@ -16,7 +16,7 @@ export type Props = {
     onChange: (teamId: string) => void;
     testId: string;
     legend?: string;
-}
+};
 
 const TeamSelector = (props: Props): JSX.Element => {
     const value = props.teamsById[props.value];
diff --git a/webapp/channels/src/components/admin_console/server_logs/log_list.tsx b/webapp/channels/src/components/admin_console/server_logs/log_list.tsx
index 1e64ae79450..943d197f164 100644
--- a/webapp/channels/src/components/admin_console/server_logs/log_list.tsx
+++ b/webapp/channels/src/components/admin_console/server_logs/log_list.tsx
@@ -30,7 +30,7 @@ type State = {
     modalOpen: boolean;
     page: number;
     dateAsc: boolean;
-}
+};
 
 const PAGE_SIZE = 50;
 
diff --git a/webapp/channels/src/components/admin_console/setting.tsx b/webapp/channels/src/components/admin_console/setting.tsx
index e55459cb138..57c35fb6856 100644
--- a/webapp/channels/src/components/admin_console/setting.tsx
+++ b/webapp/channels/src/components/admin_console/setting.tsx
@@ -11,7 +11,7 @@ export type Props = {
     children?: React.ReactNode;
     helpText?: React.ReactNode;
     setByEnv?: boolean;
-}
+};
 
 const Settings = ({children, setByEnv, helpText, inputId, label}: Props) => {
     return (
diff --git a/webapp/channels/src/components/admin_console/system_properties/section_utils.ts b/webapp/channels/src/components/admin_console/system_properties/section_utils.ts
index 9a13a8d0900..5578acf14d7 100644
--- a/webapp/channels/src/components/admin_console/system_properties/section_utils.ts
+++ b/webapp/channels/src/components/admin_console/system_properties/section_utils.ts
@@ -13,7 +13,7 @@ export class BatchProcessingError<T = Error> extends Error {
 
 export type SectionHook = SectionIO & {
     content: ReactElement;
-}
+};
 
 export type SectionIO = {
     save: () => void;
@@ -48,7 +48,7 @@ export type ReadOperations<T> = {
     get: () => Promise<T | undefined>;
     select?: (state: GlobalState) => T | undefined;
     opts?: {forceInitialGet: boolean; initial?: Partial<T>};
-}
+};
 
 export interface CollectionIO<T extends {id: string}> {
     create?: (patch?: Partial<T>) => void;
diff --git a/webapp/channels/src/components/admin_console/system_properties/system_properties.tsx b/webapp/channels/src/components/admin_console/system_properties/system_properties.tsx
index 016afa9ba3b..3fe494d29c8 100644
--- a/webapp/channels/src/components/admin_console/system_properties/system_properties.tsx
+++ b/webapp/channels/src/components/admin_console/system_properties/system_properties.tsx
@@ -17,7 +17,7 @@ import type {SearchableStrings} from '../types';
 
 type Props = {
     disabled: boolean;
-}
+};
 
 export default function SystemProperties(props: Props) {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/admin_console/system_properties/user_properties_delete_modal.tsx b/webapp/channels/src/components/admin_console/system_properties/user_properties_delete_modal.tsx
index 05a9c0d86cd..e0c61e2170c 100644
--- a/webapp/channels/src/components/admin_console/system_properties/user_properties_delete_modal.tsx
+++ b/webapp/channels/src/components/admin_console/system_properties/user_properties_delete_modal.tsx
@@ -20,7 +20,7 @@ type Props = {
     onExited: () => void;
     isOrphaned?: boolean;
     sourcePluginId?: string;
-}
+};
 
 const noop = () => {};
 
diff --git a/webapp/channels/src/components/admin_console/system_properties/user_properties_dot_menu.tsx b/webapp/channels/src/components/admin_console/system_properties/user_properties_dot_menu.tsx
index eb9d08fc653..4e74eece54b 100644
--- a/webapp/channels/src/components/admin_console/system_properties/user_properties_dot_menu.tsx
+++ b/webapp/channels/src/components/admin_console/system_properties/user_properties_dot_menu.tsx
@@ -28,7 +28,7 @@ type Props = {
     createField: (field: UserPropertyField) => void;
     updateField: (field: UserPropertyField) => void;
     deleteField: (id: string) => void;
-}
+};
 
 export const useAttributeLinkModal = (field: UserPropertyField, updateField: Props['updateField']) => {
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/admin_console/system_properties/user_properties_table.tsx b/webapp/channels/src/components/admin_console/system_properties/user_properties_table.tsx
index d179be837c4..dcc0de53954 100644
--- a/webapp/channels/src/components/admin_console/system_properties/user_properties_table.tsx
+++ b/webapp/channels/src/components/admin_console/system_properties/user_properties_table.tsx
@@ -37,7 +37,7 @@ type FieldActions = {
     updateField: (field: UserPropertyField) => void;
     deleteField: (id: string) => void;
     reorderField: (field: UserPropertyField, nextOrder: number) => void;
-}
+};
 
 export const useUserPropertiesTable = (): SectionHook => {
     const [userPropertyFields, readIO, pendingIO, itemOps] = useUserPropertyFields();
@@ -98,7 +98,7 @@ export const useUserPropertiesTable = (): SectionHook => {
 type Props = {
     data: UserPropertyFields;
     canCreate: boolean;
-}
+};
 
 export function UserPropertiesTable({
     data: collection,
@@ -655,7 +655,7 @@ const NAME_BANNER_ORDER = [
 
 type ValidationBannersProps = {
     warnings: UserPropertyFields['warnings'];
-}
+};
 
 export const ValidationBanners = ({warnings}: ValidationBannersProps) => {
     const {counts, presentTypes} = useMemo(() => {
diff --git a/webapp/channels/src/components/admin_console/system_properties/user_properties_values.tsx b/webapp/channels/src/components/admin_console/system_properties/user_properties_values.tsx
index 28cb8cf99d5..eccc3db683d 100644
--- a/webapp/channels/src/components/admin_console/system_properties/user_properties_values.tsx
+++ b/webapp/channels/src/components/admin_console/system_properties/user_properties_values.tsx
@@ -29,7 +29,7 @@ type Props = {
     field: UserPropertyField;
     updateField: (field: UserPropertyField) => void;
     autoFocus?: boolean;
-}
+};
 
 type Option = {label: string; id: string; value: string};
 type SelectProps = CreatableProps<Option, true, GroupBase<Option>>;
diff --git a/webapp/channels/src/components/admin_console/system_roles/system_role/add_users_to_role_modal/add_users_to_role_modal.tsx b/webapp/channels/src/components/admin_console/system_roles/system_role/add_users_to_role_modal/add_users_to_role_modal.tsx
index a28edf8170a..19deb42f54b 100644
--- a/webapp/channels/src/components/admin_console/system_roles/system_role/add_users_to_role_modal/add_users_to_role_modal.tsx
+++ b/webapp/channels/src/components/admin_console/system_roles/system_role/add_users_to_role_modal/add_users_to_role_modal.tsx
@@ -32,8 +32,8 @@ type UserProfileValue = Value & UserProfile;
 export type Props = {
     role: Role;
     users: UserProfile[];
-    excludeUsers: { [userId: string]: UserProfile };
-    includeUsers: { [userId: string]: UserProfile };
+    excludeUsers: {[userId: string]: UserProfile};
+    includeUsers: {[userId: string]: UserProfile};
     intl: IntlShape;
     onAddCallback: (users: UserProfile[]) => void;
     onExited: () => void;
@@ -42,7 +42,7 @@ export type Props = {
         getProfiles: (page: number, perPage?: number, options?: Record<string, any>) => Promise<ActionResult<UserProfile[]>>;
         searchProfiles: (term: string, options?: Record<string, any>) => Promise<ActionResult<UserProfile[]>>;
     };
-}
+};
 
 type State = {
     searchResults: UserProfile[];
@@ -52,7 +52,7 @@ type State = {
     addError: null;
     loading: boolean;
     term: string;
-}
+};
 
 function searchUsersToAdd(users: Record<string, UserProfile>, term: string): Record<string, UserProfile> {
     const profilesList: UserProfile[] = Object.keys(users).map((key) => users[key]);
@@ -150,7 +150,7 @@ export class AddUsersToRoleModal extends React.PureComponent<Props, State> {
         );
     };
 
-    renderValue = (value: { data: UserProfileValue }): string => {
+    renderValue = (value: {data: UserProfileValue}): string => {
         return value.data?.username || '';
     };
 
diff --git a/webapp/channels/src/components/admin_console/system_roles/system_role/index.tsx b/webapp/channels/src/components/admin_console/system_roles/system_role/index.tsx
index ac5cdb2f99e..2dbc4bdf467 100644
--- a/webapp/channels/src/components/admin_console/system_roles/system_role/index.tsx
+++ b/webapp/channels/src/components/admin_console/system_roles/system_role/index.tsx
@@ -22,7 +22,7 @@ type Props = {
             role_id: string;
         };
     };
-}
+};
 
 function mapStateToProps(state: GlobalState, props: Props) {
     const role = getRolesById(state)[props.match.params.role_id];
diff --git a/webapp/channels/src/components/admin_console/system_roles/system_role/system_role.tsx b/webapp/channels/src/components/admin_console/system_roles/system_role/system_role.tsx
index b8e4f93fd75..c0d140cd64a 100644
--- a/webapp/channels/src/components/admin_console/system_roles/system_role/system_role.tsx
+++ b/webapp/channels/src/components/admin_console/system_roles/system_role/system_role.tsx
@@ -40,7 +40,7 @@ type Props = {
         updateUserRoles(userId: string, roles: string): Promise<ActionResult>;
         setNavigationBlocked: (blocked: boolean) => void;
     };
-}
+};
 
 type State = {
     usersToAdd: Record<string, UserProfile>;
@@ -51,7 +51,7 @@ type State = {
     saveNeeded: boolean;
     serverError: JSX.Element | undefined;
     saveKey: number;
-}
+};
 
 export default class SystemRole extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/admin_console/system_roles/system_role/system_role_permission.tsx b/webapp/channels/src/components/admin_console/system_roles/system_role/system_role_permission.tsx
index c7e3a9a8ff5..c8ea2ea2c96 100644
--- a/webapp/channels/src/components/admin_console/system_roles/system_role/system_role_permission.tsx
+++ b/webapp/channels/src/components/admin_console/system_roles/system_role/system_role_permission.tsx
@@ -21,7 +21,7 @@ type Props = {
     visibleSections: Record<string, boolean>;
     permissionsToUpdate: PermissionsToUpdate;
     updatePermissions: (permissions: PermissionToUpdate[]) => void;
-}
+};
 
 export default class SystemRolePermission extends React.PureComponent<Props> {
     isSectionVisible = (section: SystemSection, visibleSections: Record<string, boolean>) => {
diff --git a/webapp/channels/src/components/admin_console/system_roles/system_role/system_role_permission_dropdown.tsx b/webapp/channels/src/components/admin_console/system_roles/system_role/system_role_permission_dropdown.tsx
index b57e3bb9eb4..d7b0b35539e 100644
--- a/webapp/channels/src/components/admin_console/system_roles/system_role/system_role_permission_dropdown.tsx
+++ b/webapp/channels/src/components/admin_console/system_roles/system_role/system_role_permission_dropdown.tsx
@@ -20,7 +20,7 @@ type Props = {
     access: MixedAccess | ReadAccess | NoAccess | WriteAccess;
     updatePermissions: (permissions: PermissionToUpdate[]) => void;
     isDisabled?: boolean;
-}
+};
 
 export default class SystemRolePermissionDropdown extends React.PureComponent<Props> {
     updatePermission = (value: PermissionAccess) => {
diff --git a/webapp/channels/src/components/admin_console/system_roles/system_role/system_role_permissions.tsx b/webapp/channels/src/components/admin_console/system_roles/system_role/system_role_permissions.tsx
index 4b9a286aab6..8d5c3de0388 100644
--- a/webapp/channels/src/components/admin_console/system_roles/system_role/system_role_permissions.tsx
+++ b/webapp/channels/src/components/admin_console/system_roles/system_role/system_role_permissions.tsx
@@ -24,11 +24,11 @@ type Props = {
     updatePermissions: (permissions: PermissionToUpdate[]) => void;
     readOnly?: boolean;
     isLicensedForCloud: boolean;
-}
+};
 
 type State = {
     visibleSections: Record<string, boolean>;
-}
+};
 
 // the actual permissions correlating to these values are of the format `sysconsole_(read|write)_name(.subsection.name)`
 const sectionsList: SystemSection[] = [
diff --git a/webapp/channels/src/components/admin_console/system_roles/system_role/system_role_users/index.tsx b/webapp/channels/src/components/admin_console/system_roles/system_role/system_role_users/index.tsx
index 42d4bda0ded..7c86ff98862 100644
--- a/webapp/channels/src/components/admin_console/system_roles/system_role/system_role_users/index.tsx
+++ b/webapp/channels/src/components/admin_console/system_roles/system_role/system_role_users/index.tsx
@@ -22,7 +22,7 @@ type OwnProps = {
     roleName: string;
     usersToAdd: Record<string, UserProfile>;
     usersToRemove: Record<string, UserProfile>;
-}
+};
 
 function searchUsersToAdd(users: Record<string, UserProfile>, term: string): Record<string, UserProfile> {
     const profiles = filterProfilesStartingWithTerm(Object.keys(users).map((key) => users[key]), term);
diff --git a/webapp/channels/src/components/admin_console/system_roles/system_role/system_role_users/system_role_users.tsx b/webapp/channels/src/components/admin_console/system_roles/system_role/system_role_users/system_role_users.tsx
index 1481afd3464..4f0c053b13f 100644
--- a/webapp/channels/src/components/admin_console/system_roles/system_role/system_role_users/system_role_users.tsx
+++ b/webapp/channels/src/components/admin_console/system_roles/system_role/system_role_users/system_role_users.tsx
@@ -37,14 +37,14 @@ export type Props = {
         setUserGridSearch: (term: string) => void;
     };
     readOnly?: boolean;
-}
+};
 
 type State = {
     loading: boolean;
     page: number;
     includeUsers: Record<string, UserProfile>;
     excludeUsers: Record<string, UserProfile>;
-}
+};
 
 const USERS_PER_PAGE = 10;
 
diff --git a/webapp/channels/src/components/admin_console/system_roles/system_role/types.ts b/webapp/channels/src/components/admin_console/system_roles/system_role/types.ts
index f829d733927..e6ad380d78b 100644
--- a/webapp/channels/src/components/admin_console/system_roles/system_role/types.ts
+++ b/webapp/channels/src/components/admin_console/system_roles/system_role/types.ts
@@ -22,4 +22,4 @@ export type SystemSection = {
     hasDescription?: boolean;
     subsections?: SystemSection[];
     disabled?: boolean;
-}
+};
diff --git a/webapp/channels/src/components/admin_console/system_roles/system_roles.tsx b/webapp/channels/src/components/admin_console/system_roles/system_roles.tsx
index 70bdbca8cee..c494fbbd7ca 100644
--- a/webapp/channels/src/components/admin_console/system_roles/system_roles.tsx
+++ b/webapp/channels/src/components/admin_console/system_roles/system_roles.tsx
@@ -19,7 +19,7 @@ import {rolesStrings} from './strings';
 
 type Props = {
     roles: Record<string, Role>;
-}
+};
 
 const columns: Column[] = [
     {
diff --git a/webapp/channels/src/components/admin_console/system_user_detail/system_user_detail.tsx b/webapp/channels/src/components/admin_console/system_user_detail/system_user_detail.tsx
index 1534491a984..59c5a002d37 100644
--- a/webapp/channels/src/components/admin_console/system_user_detail/system_user_detail.tsx
+++ b/webapp/channels/src/components/admin_console/system_user_detail/system_user_detail.tsx
@@ -214,7 +214,7 @@ export class SystemUserDetail extends PureComponent<Props, State> {
 
     getCustomProfileAttributeValues = async (userId: UserProfile['id']) => {
         return this.props.getCustomProfileAttributeValues(userId).
-            then((result: { data?: Record<string, string | string[]> }) => result.data || {});
+            then((result: {data?: Record<string, string | string[]>}) => result.data || {});
     };
 
     componentDidMount() {
diff --git a/webapp/channels/src/components/admin_console/system_user_detail/team_list/abstract_list.tsx b/webapp/channels/src/components/admin_console/system_user_detail/team_list/abstract_list.tsx
index cdf57fbc5c7..de1c7f95bfd 100644
--- a/webapp/channels/src/components/admin_console/system_user_detail/team_list/abstract_list.tsx
+++ b/webapp/channels/src/components/admin_console/system_user_detail/team_list/abstract_list.tsx
@@ -35,18 +35,18 @@ type Props = {
         getTeamsData: (userId: string) => Promise<ActionResult<Team[]>>;
         removeGroup?: () => void;
     };
-}
+};
 
 type State = {
     loading: boolean;
     page: number;
-}
+};
 
 type Paging = {
     startCount: number;
     endCount: number;
     total: number;
-}
+};
 
 export default class AbstractList extends React.PureComponent<Props, State> {
     public static defaultProps = {
diff --git a/webapp/channels/src/components/admin_console/system_user_detail/team_list/team_list.tsx b/webapp/channels/src/components/admin_console/system_user_detail/team_list/team_list.tsx
index 14bc842abe8..2ec7ec19450 100644
--- a/webapp/channels/src/components/admin_console/system_user_detail/team_list/team_list.tsx
+++ b/webapp/channels/src/components/admin_console/system_user_detail/team_list/team_list.tsx
@@ -65,12 +65,12 @@ type Props = {
     userDetailCallback: (teamsId: TeamMembership[]) => void;
     refreshTeams: boolean;
     readOnly?: boolean;
-}
+};
 
 type State = {
     teamsWithMemberships: TeamWithMembership[];
     serverError: string | null;
-}
+};
 
 export default class TeamList extends React.PureComponent<Props, State> {
     public static defaultProps = {
diff --git a/webapp/channels/src/components/admin_console/system_user_detail/team_list/team_list_dropdown.tsx b/webapp/channels/src/components/admin_console/system_user_detail/team_list/team_list_dropdown.tsx
index 5971466fd5b..1983e32db34 100644
--- a/webapp/channels/src/components/admin_console/system_user_detail/team_list/team_list_dropdown.tsx
+++ b/webapp/channels/src/components/admin_console/system_user_detail/team_list/team_list_dropdown.tsx
@@ -16,7 +16,7 @@ type Props = {
     doMakeUserTeamAdmin: (teamId: string) => void;
     doMakeUserTeamMember: (teamId: string) => void;
     isDisabled?: boolean;
-}
+};
 
 const TeamListDropdown = ({
     team,
diff --git a/webapp/channels/src/components/admin_console/system_user_detail/team_list/team_row.tsx b/webapp/channels/src/components/admin_console/system_user_detail/team_list/team_row.tsx
index 94f21d82e0d..a5783dbd647 100644
--- a/webapp/channels/src/components/admin_console/system_user_detail/team_list/team_row.tsx
+++ b/webapp/channels/src/components/admin_console/system_user_detail/team_list/team_row.tsx
@@ -21,7 +21,7 @@ type Props = {
     doMakeUserTeamAdmin: (teamId: string) => Promise<void>;
     doMakeUserTeamMember: (teamId: string) => Promise<void>;
     readOnly?: boolean;
-}
+};
 
 export default class TeamRow extends React.PureComponent<Props> {
     private renderTeamType = (team: Team) => {
diff --git a/webapp/channels/src/components/admin_console/system_users/system_users.tsx b/webapp/channels/src/components/admin_console/system_users/system_users.tsx
index 16c2f15acd5..8111a4fe5f8 100644
--- a/webapp/channels/src/components/admin_console/system_users/system_users.tsx
+++ b/webapp/channels/src/components/admin_console/system_users/system_users.tsx
@@ -49,7 +49,7 @@ export type TableOptions = {
     filterRole?: AdminConsoleUserManagementTableProperties['filterRole'];
     filterStatus?: AdminConsoleUserManagementTableProperties['filterStatus'];
     dateRange?: ReportDuration;
-}
+};
 
 type UserReportWithError = UserReport & {error?: ServerError};
 
@@ -59,7 +59,7 @@ const messages = defineMessages({
     title: {id: 'admin.system_users.title', defaultMessage: '{siteName} Users'},
 });
 
-export const searchableStrings: Array<string|MessageDescriptor|[MessageDescriptor, {[key: string]: any}]> = [[messages.title, {siteName: ''}]];
+export const searchableStrings: Array<string | MessageDescriptor | [MessageDescriptor, {[key: string]: any}]> = [[messages.title, {siteName: ''}]];
 
 function SystemUsers(props: Props) {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/admin_console/system_users/system_users_date_range_menu/index.tsx b/webapp/channels/src/components/admin_console/system_users/system_users_date_range_menu/index.tsx
index e142f57a203..bace1edf07c 100644
--- a/webapp/channels/src/components/admin_console/system_users/system_users_date_range_menu/index.tsx
+++ b/webapp/channels/src/components/admin_console/system_users/system_users_date_range_menu/index.tsx
@@ -42,7 +42,7 @@ function getEndOfLastMonth(now: Date) {
 
 type Props = {
     dateRange: ReportDuration;
-}
+};
 
 export function SystemUsersDateRangeMenu(props: Props) {
     const {formatMessage, formatDate} = useIntl();
diff --git a/webapp/channels/src/components/admin_console/system_users/system_users_export/export_error_modal.tsx b/webapp/channels/src/components/admin_console/system_users/system_users_export/export_error_modal.tsx
index 8d2a09b82b9..7ce0b489d9d 100644
--- a/webapp/channels/src/components/admin_console/system_users/system_users_export/export_error_modal.tsx
+++ b/webapp/channels/src/components/admin_console/system_users/system_users_export/export_error_modal.tsx
@@ -11,7 +11,7 @@ import ConfirmModalRedux from 'components/confirm_modal_redux';
 type Props = {
     error: ServerError;
     onExited: () => void;
-}
+};
 
 export function ExportErrorModal({error, onExited}: Props) {
     const isInProgress = error.status_code === 400 &&
diff --git a/webapp/channels/src/components/admin_console/system_users/system_users_export/export_user_data_modal.tsx b/webapp/channels/src/components/admin_console/system_users/system_users_export/export_user_data_modal.tsx
index 78cd06ce934..e6c2aedfb70 100644
--- a/webapp/channels/src/components/admin_console/system_users/system_users_export/export_user_data_modal.tsx
+++ b/webapp/channels/src/components/admin_console/system_users/system_users_export/export_user_data_modal.tsx
@@ -14,7 +14,7 @@ import ConfirmModalRedux from 'components/confirm_modal_redux';
 type Props = {
     onConfirm: (checked: boolean) => void;
     onExited: () => void;
-}
+};
 
 export function ExportUserDataModal({onConfirm, onExited}: Props) {
     const tableFilterProps = useSelector(getAdminConsoleUserManagementTableProperties);
diff --git a/webapp/channels/src/components/admin_console/system_users/system_users_export/upgrade_export_data_modal.tsx b/webapp/channels/src/components/admin_console/system_users/system_users_export/upgrade_export_data_modal.tsx
index cea2747803e..886b55f1344 100644
--- a/webapp/channels/src/components/admin_console/system_users/system_users_export/upgrade_export_data_modal.tsx
+++ b/webapp/channels/src/components/admin_console/system_users/system_users_export/upgrade_export_data_modal.tsx
@@ -12,7 +12,7 @@ import './upgrade_export_data_modal.scss';
 
 type Props = {
     onExited: () => void;
-}
+};
 
 export function UpgradeExportDataModal({onExited}: Props) {
     const {openPricingModal, isAirGapped} = useOpenPricingModal();
diff --git a/webapp/channels/src/components/admin_console/system_users/system_users_filters_popover/styled_users_filters_status/index.tsx b/webapp/channels/src/components/admin_console/system_users/system_users_filters_popover/styled_users_filters_status/index.tsx
index 715a1fa64ad..227e9427abc 100644
--- a/webapp/channels/src/components/admin_console/system_users/system_users_filters_popover/styled_users_filters_status/index.tsx
+++ b/webapp/channels/src/components/admin_console/system_users/system_users_filters_popover/styled_users_filters_status/index.tsx
@@ -14,7 +14,7 @@ import {getDefaultSelectedValueFromList} from '../../utils';
 type OptionType = {
     label: string;
     value: StatusFilter;
-}
+};
 
 interface Props {
     initialValue: AdminConsoleUserManagementTableProperties['filterStatus'];
diff --git a/webapp/channels/src/components/admin_console/system_users/system_users_filters_popover/system_users_filter_role/index.tsx b/webapp/channels/src/components/admin_console/system_users/system_users_filters_popover/system_users_filter_role/index.tsx
index fa1c56e1843..4e639db0749 100644
--- a/webapp/channels/src/components/admin_console/system_users/system_users_filters_popover/system_users_filter_role/index.tsx
+++ b/webapp/channels/src/components/admin_console/system_users/system_users_filters_popover/system_users_filter_role/index.tsx
@@ -15,7 +15,7 @@ import {getDefaultSelectedValueFromList} from '../../utils';
 type OptionType = {
     label: string;
     value: RoleFilters;
-}
+};
 
 type Props = {
     initialValue: AdminConsoleUserManagementTableProperties['filterRole'];
diff --git a/webapp/channels/src/components/admin_console/system_users/system_users_filters_popover/system_users_filter_team/index.tsx b/webapp/channels/src/components/admin_console/system_users/system_users_filters_popover/system_users_filter_team/index.tsx
index 2ae89fcae6c..f82843c5785 100644
--- a/webapp/channels/src/components/admin_console/system_users/system_users_filters_popover/system_users_filter_team/index.tsx
+++ b/webapp/channels/src/components/admin_console/system_users/system_users_filters_popover/system_users_filter_team/index.tsx
@@ -28,7 +28,7 @@ const TEAMS_PER_PAGE = 50;
 export type OptionType = {
     label: string | ReactElement;
     value: string;
-}
+};
 
 interface Props {
     className?: string;
diff --git a/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/confirm_manage_user_settings_modal.tsx b/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/confirm_manage_user_settings_modal.tsx
index 3fce3e0ffb1..57e0f5fe549 100644
--- a/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/confirm_manage_user_settings_modal.tsx
+++ b/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/confirm_manage_user_settings_modal.tsx
@@ -16,7 +16,7 @@ type Props = {
     onConfirm: () => void;
     onExited: () => void;
     focusOriginElement: string;
-}
+};
 
 export default function ConfirmManageUserSettingsModal(props: Props) {
     const handleExited = () => {
diff --git a/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/confirm_reset_failed_attempts_modal.tsx b/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/confirm_reset_failed_attempts_modal.tsx
index 3538d85e127..e39ee3fff1b 100644
--- a/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/confirm_reset_failed_attempts_modal.tsx
+++ b/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/confirm_reset_failed_attempts_modal.tsx
@@ -17,7 +17,7 @@ type Props = {
     onError: (error: ServerError) => void;
     onSuccess: () => void;
     onExited: () => void;
-}
+};
 
 export default function ConfirmResetFailedAttemptsModal({user, onSuccess, onError, onExited}: Props) {
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/create_group_syncables_membership_modal.tsx b/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/create_group_syncables_membership_modal.tsx
index 1416147adbd..e3f16250214 100644
--- a/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/create_group_syncables_membership_modal.tsx
+++ b/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/create_group_syncables_membership_modal.tsx
@@ -16,7 +16,7 @@ type Props = {
     user: UserProfile;
     onExited: () => void;
     onError: (error: ServerError) => void;
-}
+};
 
 export default function CreateGroupSyncablesMembershipsModal({user, onExited, onError}: Props) {
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/deactivate_member_modal.tsx b/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/deactivate_member_modal.tsx
index c22e7f4f897..c04990250f8 100644
--- a/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/deactivate_member_modal.tsx
+++ b/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/deactivate_member_modal.tsx
@@ -22,7 +22,7 @@ type Props = {
     onExited: () => void;
     onSuccess: () => void;
     onError: (error: ServerError) => void;
-}
+};
 
 export default function DeactivateMemberModal({user, onExited, onSuccess, onError}: Props) {
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/demote_to_guest_modal.tsx b/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/demote_to_guest_modal.tsx
index 11cb473e67c..02ef8671691 100644
--- a/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/demote_to_guest_modal.tsx
+++ b/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/demote_to_guest_modal.tsx
@@ -17,7 +17,7 @@ type Props = {
     onExited: () => void;
     onSuccess: () => void;
     onError: (error: ServerError) => void;
-}
+};
 
 export default function DemoteToGuestModal({user, onExited, onSuccess, onError}: Props) {
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/promote_to_member_modal.tsx b/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/promote_to_member_modal.tsx
index 9779224c657..a3b22b76ed6 100644
--- a/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/promote_to_member_modal.tsx
+++ b/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/promote_to_member_modal.tsx
@@ -17,7 +17,7 @@ type Props = {
     onSuccess: () => void;
     onExited: () => void;
     onError: (error: ServerError) => void;
-}
+};
 
 export default function PromoteToMemberModal({user, onExited, onSuccess, onError}: Props) {
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/revoke_sessions_modal.tsx b/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/revoke_sessions_modal.tsx
index 650380f3427..5868c1bbf91 100644
--- a/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/revoke_sessions_modal.tsx
+++ b/webapp/channels/src/components/admin_console/system_users/system_users_list_actions/revoke_sessions_modal.tsx
@@ -19,7 +19,7 @@ type Props = {
     currentUser: UserProfile;
     onExited: () => void;
     onError: (error: ServerError) => void;
-}
+};
 
 export default function RevokeSessionsModal({user, currentUser, onExited, onError}: Props) {
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/admin_console/system_users/system_users_search/index.tsx b/webapp/channels/src/components/admin_console/system_users/system_users_search/index.tsx
index 3c219d4b44a..0d90302f458 100644
--- a/webapp/channels/src/components/admin_console/system_users/system_users_search/index.tsx
+++ b/webapp/channels/src/components/admin_console/system_users/system_users_search/index.tsx
@@ -16,7 +16,7 @@ import './system_users_search.scss';
 
 type Props = {
     searchTerm: AdminConsoleUserManagementTableProperties['searchTerm'];
-}
+};
 
 export function SystemUsersSearch(props: Props) {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/admin_console/team_channel_settings/channel/details/channel_details.tsx b/webapp/channels/src/components/admin_console/team_channel_settings/channel/details/channel_details.tsx
index 312e3af2fa3..7e9f4b1ad2d 100644
--- a/webapp/channels/src/components/admin_console/team_channel_settings/channel/details/channel_details.tsx
+++ b/webapp/channels/src/components/admin_console/team_channel_settings/channel/details/channel_details.tsx
@@ -140,7 +140,7 @@ export type ChannelDetailsActions = {
     getVisualAST: (expression: string, channelId?: string) => Promise<ActionResult>;
     saveChannelAccessPolicy: (policy: AccessControlPolicy) => Promise<ActionResult>;
     validateChannelExpression: (expression: string, channelId: string) => Promise<ActionResult>;
-    createAccessControlSyncJob: (job: JobTypeBase & { data: any }) => Promise<ActionResult>;
+    createAccessControlSyncJob: (job: JobTypeBase & {data: any}) => Promise<ActionResult>;
     updateAccessControlPoliciesActive: (states: AccessControlPolicyActiveUpdate[]) => Promise<ActionResult>;
     searchUsersForExpression: (expression: string, term: string, after: string, limit: number, channelId?: string) => Promise<ActionResult>;
     getChannelMembers: (channelId: string, page?: number, perPage?: number) => Promise<ActionResult>;
@@ -813,7 +813,7 @@ export default class ChannelDetails extends React.PureComponent<ChannelDetailsPr
                             // EXACT SAME LOGIC as Channel Settings Modal
                                 if (channelRulesExpression.trim()) {
                                     try {
-                                        const job: JobTypeBase & { data: {policy_id: string} } = {
+                                        const job: JobTypeBase & {data: {policy_id: string}} = {
                                             type: JobTypes.ACCESS_CONTROL_SYNC,
                                             data: {
                                                 policy_id: channelID, // Sync only this specific channel policy
diff --git a/webapp/channels/src/components/admin_console/team_channel_settings/channel/details/channel_members/channel_members.tsx b/webapp/channels/src/components/admin_console/team_channel_settings/channel/details/channel_members/channel_members.tsx
index 5381a526256..cc569573ca0 100644
--- a/webapp/channels/src/components/admin_console/team_channel_settings/channel/details/channel_members/channel_members.tsx
+++ b/webapp/channels/src/components/admin_console/team_channel_settings/channel/details/channel_members/channel_members.tsx
@@ -49,11 +49,11 @@ type Props = {
         setUserGridSearch: (term: string) => void;
         setUserGridFilters: (filters: GetFilteredUsersStatsOpts) => void;
     };
-}
+};
 
 type State = {
     loading: boolean;
-}
+};
 
 const PROFILE_CHUNK_SIZE = 10;
 
diff --git a/webapp/channels/src/components/admin_console/team_channel_settings/channel/details/index.ts b/webapp/channels/src/components/admin_console/team_channel_settings/channel/details/index.ts
index 698c102a017..b4ccababe76 100644
--- a/webapp/channels/src/components/admin_console/team_channel_settings/channel/details/index.ts
+++ b/webapp/channels/src/components/admin_console/team_channel_settings/channel/details/index.ts
@@ -50,7 +50,7 @@ type OwnProps = {
             channel_id: string;
         };
     };
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     const config = getConfig(state);
diff --git a/webapp/channels/src/components/admin_console/team_channel_settings/errors.tsx b/webapp/channels/src/components/admin_console/team_channel_settings/errors.tsx
index 7deecca7735..5eb08fb8900 100644
--- a/webapp/channels/src/components/admin_console/team_channel_settings/errors.tsx
+++ b/webapp/channels/src/components/admin_console/team_channel_settings/errors.tsx
@@ -60,7 +60,7 @@ type UsersWillBeRemovedProps = {
     total: number;
     scope: string;
     scopeId: string;
-}
+};
 
 export const UsersWillBeRemovedError = ({users, total, scope, scopeId}: UsersWillBeRemovedProps) => {
     let error = (
diff --git a/webapp/channels/src/components/admin_console/team_channel_settings/group/group_members_modal.tsx b/webapp/channels/src/components/admin_console/team_channel_settings/group/group_members_modal.tsx
index ef2aeaa766f..cf603c6b24a 100644
--- a/webapp/channels/src/components/admin_console/team_channel_settings/group/group_members_modal.tsx
+++ b/webapp/channels/src/components/admin_console/team_channel_settings/group/group_members_modal.tsx
@@ -14,7 +14,7 @@ type Props = {
     group: Group;
     onExited: () => void;
     onLoad?: () => void;
-}
+};
 
 const GroupMembersModal: React.FC<Props> = ({
     group, onExited, onLoad,
diff --git a/webapp/channels/src/components/admin_console/team_channel_settings/group/group_users/users_to_remove.tsx b/webapp/channels/src/components/admin_console/team_channel_settings/group/group_users/users_to_remove.tsx
index c477b1d3593..a1d2075695f 100644
--- a/webapp/channels/src/components/admin_console/team_channel_settings/group/group_users/users_to_remove.tsx
+++ b/webapp/channels/src/components/admin_console/team_channel_settings/group/group_users/users_to_remove.tsx
@@ -28,7 +28,7 @@ export type Filters = {
     roles?: string[];
     channel_roles?: string[];
     team_roles?: string[];
-}
+};
 
 export type Memberships = RelationOneToOne<UserProfile, TeamMembership> | RelationOneToOne<UserProfile, ChannelMembership>;
 
diff --git a/webapp/channels/src/components/admin_console/team_channel_settings/group/index.ts b/webapp/channels/src/components/admin_console/team_channel_settings/group/index.ts
index 2f2bf164d1e..9e7cbeba57b 100644
--- a/webapp/channels/src/components/admin_console/team_channel_settings/group/index.ts
+++ b/webapp/channels/src/components/admin_console/team_channel_settings/group/index.ts
@@ -23,7 +23,7 @@ export type OwnProps = {
     onPageChangedCallback?: () => void;
     team?: Team;
     channel?: Partial<Channel>;
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     return {
diff --git a/webapp/channels/src/components/admin_console/team_channel_settings/team/details/index.ts b/webapp/channels/src/components/admin_console/team_channel_settings/team/details/index.ts
index 391566f6ee4..d96592fde4a 100644
--- a/webapp/channels/src/components/admin_console/team_channel_settings/team/details/index.ts
+++ b/webapp/channels/src/components/admin_console/team_channel_settings/team/details/index.ts
@@ -24,7 +24,7 @@ import TeamDetails from './team_details';
 
 type Params = {
     team_id: string;
-}
+};
 
 export type OwnProps = RouteComponentProps<Params>;
 
diff --git a/webapp/channels/src/components/admin_console/team_channel_settings/team/details/team_members/team_members.tsx b/webapp/channels/src/components/admin_console/team_channel_settings/team/details/team_members/team_members.tsx
index 31f97ef884e..f4483e7f9f1 100644
--- a/webapp/channels/src/components/admin_console/team_channel_settings/team/details/team_members/team_members.tsx
+++ b/webapp/channels/src/components/admin_console/team_channel_settings/team/details/team_members/team_members.tsx
@@ -48,11 +48,11 @@ type Props = {
         setUserGridSearch: (term: string) => void;
         setUserGridFilters: (filters: GetFilteredUsersStatsOpts) => void;
     };
-}
+};
 
 type State = {
     loading: boolean;
-}
+};
 
 const PROFILE_CHUNK_SIZE = 10;
 
diff --git a/webapp/channels/src/components/admin_console/team_channel_settings/team/details/team_modes.tsx b/webapp/channels/src/components/admin_console/team_channel_settings/team/details/team_modes.tsx
index a90c3e870c5..865fc753b76 100644
--- a/webapp/channels/src/components/admin_console/team_channel_settings/team/details/team_modes.tsx
+++ b/webapp/channels/src/components/admin_console/team_channel_settings/team/details/team_modes.tsx
@@ -16,7 +16,7 @@ type Props = {
     allowedDomains: string;
     onToggle: (syncChecked: boolean, allAllowedChecked: boolean, allowedDomainsChecked: boolean, allowedDomains: string) => void;
     isDisabled?: boolean;
-}
+};
 
 const SyncGroupsToggle = ({syncChecked, allAllowedChecked, allowedDomainsChecked, allowedDomains, onToggle, isDisabled}: Props) => (
     <LineSwitch
diff --git a/webapp/channels/src/components/admin_console/team_channel_settings/team/details/team_profile.tsx b/webapp/channels/src/components/admin_console/team_channel_settings/team/details/team_profile.tsx
index d5673d1371a..7c0d256544e 100644
--- a/webapp/channels/src/components/admin_console/team_channel_settings/team/details/team_profile.tsx
+++ b/webapp/channels/src/components/admin_console/team_channel_settings/team/details/team_profile.tsx
@@ -25,7 +25,7 @@ type Props = {
     onToggleArchive: () => void;
     isDisabled?: boolean;
     saveNeeded?: boolean;
-}
+};
 
 export function TeamProfile({team, isArchived, onToggleArchive, isDisabled, saveNeeded}: Props) {
     const teamIconUrl = imageURLForTeam(team);
diff --git a/webapp/channels/src/components/admin_console/team_channel_settings/team/list/team_list.tsx b/webapp/channels/src/components/admin_console/team_channel_settings/team/list/team_list.tsx
index ae8c4864f85..ead443dc388 100644
--- a/webapp/channels/src/components/admin_console/team_channel_settings/team/list/team_list.tsx
+++ b/webapp/channels/src/components/admin_console/team_channel_settings/team/list/team_list.tsx
@@ -31,7 +31,7 @@ type Props = {
         getData(page: number, size: number): void;
     };
     isLicensedForLDAPGroups?: boolean;
-}
+};
 
 type State = {
     loading: boolean;
@@ -41,7 +41,7 @@ type State = {
     total: number;
     searchErrored: boolean;
     filters: TeamSearchOpts;
-}
+};
 export default class TeamList extends React.PureComponent<Props, State> {
     constructor(props: Props) {
         super(props);
diff --git a/webapp/channels/src/components/admin_console/types.ts b/webapp/channels/src/components/admin_console/types.ts
index 5341f61f6b9..4c6c744d74a 100644
--- a/webapp/channels/src/components/admin_console/types.ts
+++ b/webapp/channels/src/components/admin_console/types.ts
@@ -17,17 +17,17 @@ import type Constants from 'utils/constants';
 
 import type ValidationResult from './validation';
 
-type Component = any
+type Component = any;
 
 type AdminDefinitionConfigSchemaComponent = {
     id: string;
     component: Component;
     isBeta?: boolean;
-}
+};
 
-export type ConsoleAccess = {read: {[key: string]: boolean}; write: {[key: string]: boolean}}
+export type ConsoleAccess = {read: {[key: string]: boolean}; write: {[key: string]: boolean}};
 
-type Validator = (value: any) => ValidationResult
+type Validator = (value: any) => ValidationResult;
 
 type AdminDefinitionSettingCustom = Omit<AdminDefinitionSettingBase, 'label'> & {
     type: 'custom';
@@ -36,7 +36,7 @@ type AdminDefinitionSettingCustom = Omit<AdminDefinitionSettingBase, 'label'> &
     component: Component;
     label?: string | MessageDescriptor;
     validate?: Validator;
-}
+};
 
 type AdminDefinitionSettingBase = {
     key?: string;
@@ -52,19 +52,19 @@ type AdminDefinitionSettingBase = {
     onConfigSave?: (displayVal: any, previousVal?: any) => any;
     isHidden?: Check;
     isDisabled?: Check;
-}
+};
 
 export type AdminDefinitionSettingBanner = AdminDefinitionSettingBase & {
     type: 'banner';
     label_markdown?: boolean;
     banner_type: 'info' | 'warning';
-}
+};
 
 type AdminDefinitionSettingRole = AdminDefinitionSettingBase & {
     type: 'roles';
     multiple?: boolean;
     no_result?: string | MessageDescriptor;
-}
+};
 
 export type AdminDefinitionSettingInput = AdminDefinitionSettingBase & {
     type: 'text' | 'bool' | 'longtext' | 'number' | 'color';
@@ -76,14 +76,14 @@ export type AdminDefinitionSettingInput = AdminDefinitionSettingBase & {
     dynamic_value?: (value: any, config: Partial<AdminConfig>, state: any) => string;
     max_length?: number;
     default?: string | ((value: any, config: Partial<AdminConfig>, state: any) => string);
-}
+};
 
 type AdminDefinitionSettingGenerated = AdminDefinitionSettingBase & {
     type: 'generated';
     placeholder?: string | MessageDescriptor;
     regenerate_help_text?: string;
     default?: string;
-}
+};
 
 export type AdminDefinitionSettingDropdownOption = {
     value: string;
@@ -92,13 +92,13 @@ export type AdminDefinitionSettingDropdownOption = {
     help_text_markdown?: boolean;
     help_text_values?: {[key: string]: any};
     isHidden?: Check;
-}
+};
 
 type AdminDefinitionSettingDropdown = AdminDefinitionSettingBase & {
     type: 'dropdown';
     options: AdminDefinitionSettingDropdownOption[];
     isHelpHidden?: Check;
-}
+};
 
 export type AdminDefinitionSettingFileUpload = AdminDefinitionSettingBase & {
     type: 'fileupload';
@@ -115,7 +115,7 @@ export type AdminDefinitionSettingFileUpload = AdminDefinitionSettingBase & {
     ) => void;
     setFromMetadataField?: string;
     remove_action: (success: (data: any) => void, error: (err: any) => void) => void;
-}
+};
 
 type AdminDefinitionSettingJobsTable = AdminDefinitionSettingBase & {
     type: 'jobstable';
@@ -127,7 +127,7 @@ type AdminDefinitionSettingLanguage = AdminDefinitionSettingBase & {
     type: 'language';
     multiple?: boolean;
     no_result?: string | MessageDescriptor;
-}
+};
 
 export type AdminDefinitionSettingButton = AdminDefinitionSettingBase & {
     type: 'button';
@@ -137,13 +137,13 @@ export type AdminDefinitionSettingButton = AdminDefinitionSettingBase & {
     success_message?: string | MessageDescriptor;
     sourceUrlKey?: string;
     skipSaveNeeded?: boolean;
-}
+};
 
 type AdminDefinitionSettingUsername = AdminDefinitionSettingBase & {
     type: typeof Constants.SettingsTypes.TYPE_USERNAME;
     placeholder: string;
     default?: string;
-}
+};
 
 type MappingKeyTypes = 'enableTeamCreation' | 'editOthersPosts' | 'enableOnlyAdminIntegrations';
 
@@ -151,18 +151,18 @@ type AdminDefinitionSettingPermission = AdminDefinitionSettingBase & {
     type: typeof Constants.SettingsTypes.TYPE_PERMISSION;
     permissions_mapping_name: MappingKeyTypes;
     key: string;
-}
+};
 
 type AdminDefinitionSettingRadio = AdminDefinitionSettingBase & {
     type: typeof Constants.SettingsTypes.TYPE_RADIO;
     options: AdminDefinitionSettingDropdownOption[];
     default?: string;
-}
+};
 
 type AdminDefinitionSettingExpandable = AdminDefinitionSettingBase & {
     type: typeof Constants.SettingsTypes.TYPE_EXPANDABLE_SETTING;
     settings: AdminDefinitionSetting[];
-}
+};
 
 export type AdminDefinitionSetting = AdminDefinitionSettingCustom |
 AdminDefinitionSettingInput | AdminDefinitionSettingGenerated |
@@ -184,7 +184,7 @@ export type AdminDefinitionConfigSchemaSettings = {
     sections?: AdminDefinitionConfigSchemaSection[];
     footer?: string | MessageDescriptor;
     header?: string | MessageDescriptor;
-}
+};
 
 export type AdminDefinitionConfigSchemaSection = {
     key: string;
@@ -198,12 +198,12 @@ export type AdminDefinitionConfigSchemaSection = {
     component?: Component;
     componentProps?: any;
     isHidden?: Check;
-}
+};
 
 type RestrictedIndicatorType = {
     value: (cloud: CloudState) => JSX.Element;
-    shouldDisplay: (license: ClientLicense, subscriptionProduct: Product|undefined) => boolean;
-}
+    shouldDisplay: (license: ClientLicense, subscriptionProduct: Product | undefined) => boolean;
+};
 
 export type AdminDefinitionSubSectionSchema = AdminDefinitionConfigSchemaComponent | AdminDefinitionConfigSchemaSettings;
 
@@ -216,7 +216,7 @@ export type AdminDefinitionSubSection = {
     isDisabled?: Check;
     schema: AdminDefinitionSubSectionSchema;
     restrictedIndicator?: RestrictedIndicatorType;
-}
+};
 
 export type AdminDefinitionSection = {
     icon: JSX.Element;
@@ -224,13 +224,13 @@ export type AdminDefinitionSection = {
     isHidden: Check;
     id?: string;
     subsections: {[key: string]: AdminDefinitionSubSection};
-}
+};
 
 /** From {@link IntlShape.formatMessage}. Cannot discriminate overloaded method signature. */
 declare function formatMessageBasic(descriptor: MessageDescriptor, values?: Record<string, PrimitiveType | FormatXMLElementFn<string, string>>): string;
 
 export type SearchableStrings = Array<string | MessageDescriptor | Parameters<typeof formatMessageBasic>>;
 
-export type AdminDefinition = {[key: string]: AdminDefinitionSection}
+export type AdminDefinition = {[key: string]: AdminDefinitionSection};
 
-export type Check = boolean | ((config: Partial<AdminConfig>, state: any, license?: ClientLicense, enterpriseReady?: boolean, consoleAccess?: ConsoleAccess, cloud?: CloudState, isSystemAdmin?: boolean) => boolean)
+export type Check = boolean | ((config: Partial<AdminConfig>, state: any, license?: ClientLicense, enterpriseReady?: boolean, consoleAccess?: ConsoleAccess, cloud?: CloudState, isSystemAdmin?: boolean) => boolean);
diff --git a/webapp/channels/src/components/admin_console/user_autocomplete_setting/user_autocomplete_setting.tsx b/webapp/channels/src/components/admin_console/user_autocomplete_setting/user_autocomplete_setting.tsx
index 024dfdd4ce7..9ecbb6e57ba 100644
--- a/webapp/channels/src/components/admin_console/user_autocomplete_setting/user_autocomplete_setting.tsx
+++ b/webapp/channels/src/components/admin_console/user_autocomplete_setting/user_autocomplete_setting.tsx
@@ -23,7 +23,7 @@ export type Props = {
     actions: {
         autocompleteUsers: (username: string) => Promise<UserAutocomplete>;
     };
-}
+};
 
 const UserAutocompleteSetting = ({id, label, placeholder, helpText, value, onChange, disabled, actions}: Props) => {
     const userSuggestionProvidersRef = useRef([new GenericUserProvider(actions.autocompleteUsers)]);
diff --git a/webapp/channels/src/components/admin_console/user_grid/user_grid.tsx b/webapp/channels/src/components/admin_console/user_grid/user_grid.tsx
index 04601967998..fd4bb01960e 100644
--- a/webapp/channels/src/components/admin_console/user_grid/user_grid.tsx
+++ b/webapp/channels/src/components/admin_console/user_grid/user_grid.tsx
@@ -23,10 +23,10 @@ import './user_grid.scss';
 type Props = {
     users: UserProfile[];
     scope: 'team' | 'channel';
-    memberships: { [userId: string]: BaseMembership | TeamMembership | ChannelMembership };
+    memberships: {[userId: string]: BaseMembership | TeamMembership | ChannelMembership};
 
-    excludeUsers: { [userId: string]: UserProfile };
-    includeUsers: { [userId: string]: UserProfile };
+    excludeUsers: {[userId: string]: UserProfile};
+    includeUsers: {[userId: string]: UserProfile};
 
     loadPage: (page: number) => void;
     onSearch: (term: string) => void;
@@ -48,7 +48,7 @@ type Props = {
 type State = {
     loading: boolean;
     page: number;
-    membershipsToUpdate: { [userId: string]: BaseMembership | TeamMembership | ChannelMembership };
+    membershipsToUpdate: {[userId: string]: BaseMembership | TeamMembership | ChannelMembership};
 };
 
 const USERS_PER_PAGE = 10;
diff --git a/webapp/channels/src/components/admin_console/user_grid/user_grid_name.tsx b/webapp/channels/src/components/admin_console/user_grid/user_grid_name.tsx
index 06c40473d60..1a659f3af4a 100644
--- a/webapp/channels/src/components/admin_console/user_grid/user_grid_name.tsx
+++ b/webapp/channels/src/components/admin_console/user_grid/user_grid_name.tsx
@@ -11,7 +11,7 @@ import ProfilePicture from 'components/profile_picture';
 
 type Props = {
     user: UserProfile;
-}
+};
 
 const UserGridName = ({
     user,
diff --git a/webapp/channels/src/components/admin_console/user_grid/user_grid_remove.tsx b/webapp/channels/src/components/admin_console/user_grid/user_grid_remove.tsx
index f86bc63ead6..ff8a8ed3a7b 100644
--- a/webapp/channels/src/components/admin_console/user_grid/user_grid_remove.tsx
+++ b/webapp/channels/src/components/admin_console/user_grid/user_grid_remove.tsx
@@ -10,7 +10,7 @@ type Props = {
     user: UserProfile;
     removeUser: (user: UserProfile) => void;
     isDisabled?: boolean;
-}
+};
 
 const UserGridRemove = ({
     user,
diff --git a/webapp/channels/src/components/admin_console/user_grid/user_grid_role_dropdown.tsx b/webapp/channels/src/components/admin_console/user_grid/user_grid_role_dropdown.tsx
index 136ecabb877..74761eb9bb1 100644
--- a/webapp/channels/src/components/admin_console/user_grid/user_grid_role_dropdown.tsx
+++ b/webapp/channels/src/components/admin_console/user_grid/user_grid_role_dropdown.tsx
@@ -19,7 +19,7 @@ export type BaseMembership = {
     user_id: string;
     scheme_user: boolean;
     scheme_admin: boolean;
-}
+};
 
 type Props = {
     user: UserProfile;
@@ -27,7 +27,7 @@ type Props = {
     scope: 'team' | 'channel';
     handleUpdateMembership: (membership: BaseMembership) => void;
     isDisabled?: boolean;
-}
+};
 
 export type Role = 'system_admin' | 'team_admin' | 'team_user' | 'channel_admin' | 'channel_user' | 'shared_member' | 'guest';
 
diff --git a/webapp/channels/src/components/admin_console/validation.tsx b/webapp/channels/src/components/admin_console/validation.tsx
index 708f80ca766..05a6fd9f52a 100644
--- a/webapp/channels/src/components/admin_console/validation.tsx
+++ b/webapp/channels/src/components/admin_console/validation.tsx
@@ -16,7 +16,7 @@ export default class ValidationResult {
         return this.result;
     }
 
-    public error(intl: IntlShape): string|null {
+    public error(intl: IntlShape): string | null {
         if (this.result) {
             return null;
         }
diff --git a/webapp/channels/src/components/admin_console/workspace-optimization/dashboard.type.ts b/webapp/channels/src/components/admin_console/workspace-optimization/dashboard.type.ts
index b87c9d1bdda..3ae2d3818ec 100644
--- a/webapp/channels/src/components/admin_console/workspace-optimization/dashboard.type.ts
+++ b/webapp/channels/src/components/admin_console/workspace-optimization/dashboard.type.ts
@@ -10,7 +10,7 @@ export type DataModel = {
         icon: React.ReactNode;
         hide?: boolean;
     };
-}
+};
 
 export enum ItemStatus {
 
@@ -38,7 +38,7 @@ export type ItemModel = {
     telemetryAction?: string;
     infoUrl?: string;
     infoText?: string;
-}
+};
 
 export type UpdatesParam = {
     serverVersion: {
@@ -46,7 +46,7 @@ export type UpdatesParam = {
         status: ItemStatus;
         description: string;
     };
-}
+};
 
 type Analytics = {
     DAILY_ACTIVE_USERS: number;
@@ -60,7 +60,7 @@ type Analytics = {
     TOTAL_TEAMS: number;
     TOTAL_USERS: number;
     TOTAL_WEBSOCKET_CONNECTIONS: number;
-}
+};
 export type Options = {
     isLicensed: boolean;
     isEnterpriseLicense: boolean;
diff --git a/webapp/channels/src/components/advanced_create_comment/advanced_create_comment.tsx b/webapp/channels/src/components/advanced_create_comment/advanced_create_comment.tsx
index 1aba3431d15..171da059beb 100644
--- a/webapp/channels/src/components/advanced_create_comment/advanced_create_comment.tsx
+++ b/webapp/channels/src/components/advanced_create_comment/advanced_create_comment.tsx
@@ -26,7 +26,7 @@ export type Props = {
      * Used by plugins to act after the post is made
      */
     afterSubmit?: (response: SubmitPostReturnType) => void;
-}
+};
 
 const AdvancedCreateComment = ({
     channelId,
diff --git a/webapp/channels/src/components/advanced_create_post/prewritten_chips.tsx b/webapp/channels/src/components/advanced_create_post/prewritten_chips.tsx
index d2f6e932d05..a67d406176c 100644
--- a/webapp/channels/src/components/advanced_create_post/prewritten_chips.tsx
+++ b/webapp/channels/src/components/advanced_create_post/prewritten_chips.tsx
@@ -19,7 +19,7 @@ type Props = {
     prefillMessage: (msg: string) => void;
     channelId: string;
     currentUserId: string;
-}
+};
 
 const UsernameMention = styled.span`
     margin-left: 5px;
diff --git a/webapp/channels/src/components/advanced_text_editor/advanced_text_editor.tsx b/webapp/channels/src/components/advanced_text_editor/advanced_text_editor.tsx
index 86bbc3b23ac..4e12c1ce6af 100644
--- a/webapp/channels/src/components/advanced_text_editor/advanced_text_editor.tsx
+++ b/webapp/channels/src/components/advanced_text_editor/advanced_text_editor.tsx
@@ -116,7 +116,7 @@ export type Props = {
      * Used by plugins to act after the post is made
      */
     afterSubmit?: (response: SubmitPostReturnType) => void;
-}
+};
 
 const AdvancedTextEditor = ({
     location,
@@ -220,7 +220,7 @@ const AdvancedTextEditor = ({
     const messageStatusRef = useRef<HTMLDivElement | null>(null);
 
     const [draft, setDraft] = useState(draftFromStore);
-    const [serverError, setServerError] = useState<(ServerError & { submittedMessage?: string }) | null>(null);
+    const [serverError, setServerError] = useState<(ServerError & {submittedMessage?: string}) | null>(null);
     const [postError, setPostError] = useState<React.ReactNode>(null);
     const [showPreview, setShowPreview] = useState(false);
     const [isMessageLong, setIsMessageLong] = useState(false);
diff --git a/webapp/channels/src/components/advanced_text_editor/do_not_disturb_warning.tsx b/webapp/channels/src/components/advanced_text_editor/do_not_disturb_warning.tsx
index 8d2d51f7302..1bfa21e38bc 100644
--- a/webapp/channels/src/components/advanced_text_editor/do_not_disturb_warning.tsx
+++ b/webapp/channels/src/components/advanced_text_editor/do_not_disturb_warning.tsx
@@ -23,7 +23,7 @@ const Icon = styled.i`
 
 type Props = {
     displayName: string;
-}
+};
 
 const DoNotDisturbWarning = ({displayName}: Props) => {
     return (
diff --git a/webapp/channels/src/components/advanced_text_editor/edit_post_footer.tsx b/webapp/channels/src/components/advanced_text_editor/edit_post_footer.tsx
index 2fa163b1f21..a5ef9720553 100644
--- a/webapp/channels/src/components/advanced_text_editor/edit_post_footer.tsx
+++ b/webapp/channels/src/components/advanced_text_editor/edit_post_footer.tsx
@@ -13,7 +13,7 @@ import {isSendOnCtrlEnter} from 'selectors/preferences';
 type Props = {
     onSave: () => void;
     onCancel?: () => void;
-}
+};
 
 export default function EditPostFooter(props: Props) {
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/advanced_text_editor/post_box_indicator/post_box_indicator.tsx b/webapp/channels/src/components/advanced_text_editor/post_box_indicator/post_box_indicator.tsx
index c83489554ea..3215f731792 100644
--- a/webapp/channels/src/components/advanced_text_editor/post_box_indicator/post_box_indicator.tsx
+++ b/webapp/channels/src/components/advanced_text_editor/post_box_indicator/post_box_indicator.tsx
@@ -15,7 +15,7 @@ type Props = {
     teammateDisplayName: string;
     location: string;
     postId: string;
-}
+};
 
 export default function PostBoxIndicator({channelId, teammateDisplayName, location, postId}: Props) {
     const {
diff --git a/webapp/channels/src/components/advanced_text_editor/remote_user_hour.tsx b/webapp/channels/src/components/advanced_text_editor/remote_user_hour.tsx
index 044a69c9f2f..d79bf2b75a2 100644
--- a/webapp/channels/src/components/advanced_text_editor/remote_user_hour.tsx
+++ b/webapp/channels/src/components/advanced_text_editor/remote_user_hour.tsx
@@ -41,7 +41,7 @@ type Props = {
     displayName: string;
     timestamp: number;
     teammateTimezone: UserTimezone;
-}
+};
 
 const RemoteUserHour = ({displayName, timestamp, teammateTimezone}: Props) => {
     return (
diff --git a/webapp/channels/src/components/advanced_text_editor/scheduled_post_indicator/scheduled_post_indicator.tsx b/webapp/channels/src/components/advanced_text_editor/scheduled_post_indicator/scheduled_post_indicator.tsx
index 5d29c1a7308..652b6b5060d 100644
--- a/webapp/channels/src/components/advanced_text_editor/scheduled_post_indicator/scheduled_post_indicator.tsx
+++ b/webapp/channels/src/components/advanced_text_editor/scheduled_post_indicator/scheduled_post_indicator.tsx
@@ -26,7 +26,7 @@ type Props = {
     channelId: string;
     postId: string;
     remoteUserHourDisplayed?: boolean;
-}
+};
 
 export default function ScheduledPostIndicator({location, channelId, postId, remoteUserHourDisplayed}: Props) {
     // we use RHS_COMMENT for RHS and threads view, and CENTER for center channel.
diff --git a/webapp/channels/src/components/advanced_text_editor/scheduled_post_indicator/short_scheduled_post_indicator.tsx b/webapp/channels/src/components/advanced_text_editor/scheduled_post_indicator/short_scheduled_post_indicator.tsx
index 0b8e71d2139..1aa0de66a9e 100644
--- a/webapp/channels/src/components/advanced_text_editor/scheduled_post_indicator/short_scheduled_post_indicator.tsx
+++ b/webapp/channels/src/components/advanced_text_editor/scheduled_post_indicator/short_scheduled_post_indicator.tsx
@@ -10,7 +10,7 @@ import type {ChannelScheduledPostIndicatorData} from 'mattermost-redux/selectors
 type Props = {
     scheduledPostData: ChannelScheduledPostIndicatorData;
     scheduledPostLinkURL: string;
-}
+};
 
 export function ShortScheduledPostIndicator({scheduledPostData, scheduledPostLinkURL}: Props) {
     if (scheduledPostData.count === 0) {
diff --git a/webapp/channels/src/components/advanced_text_editor/send_button/scheduled_post_custom_time_modal/dm_user_timezone.tsx b/webapp/channels/src/components/advanced_text_editor/send_button/scheduled_post_custom_time_modal/dm_user_timezone.tsx
index b879671683b..f817c4724a0 100644
--- a/webapp/channels/src/components/advanced_text_editor/send_button/scheduled_post_custom_time_modal/dm_user_timezone.tsx
+++ b/webapp/channels/src/components/advanced_text_editor/send_button/scheduled_post_custom_time_modal/dm_user_timezone.tsx
@@ -20,7 +20,7 @@ import './dm_user_timezone.scss';
 type Props = {
     channelId: string;
     selectedTime?: Date;
-}
+};
 
 const DATE_RANGES = [
     RelativeRanges.TODAY_TITLE_CASE,
diff --git a/webapp/channels/src/components/advanced_text_editor/send_button/scheduled_post_custom_time_modal/scheduled_post_custom_time_modal.tsx b/webapp/channels/src/components/advanced_text_editor/send_button/scheduled_post_custom_time_modal/scheduled_post_custom_time_modal.tsx
index e1d889e9f56..06c68a22608 100644
--- a/webapp/channels/src/components/advanced_text_editor/send_button/scheduled_post_custom_time_modal/scheduled_post_custom_time_modal.tsx
+++ b/webapp/channels/src/components/advanced_text_editor/send_button/scheduled_post_custom_time_modal/scheduled_post_custom_time_modal.tsx
@@ -26,7 +26,7 @@ type Props = {
     onExited: () => void;
     onConfirm: (timestamp: number) => Promise<{error?: string}>;
     initialTime?: Moment;
-}
+};
 
 export default function ScheduledPostCustomTimeModal({channelId, onExited, onConfirm, initialTime}: Props) {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/advanced_text_editor/send_button/send_button.tsx b/webapp/channels/src/components/advanced_text_editor/send_button/send_button.tsx
index 0fe16b63046..70317cd14bc 100644
--- a/webapp/channels/src/components/advanced_text_editor/send_button/send_button.tsx
+++ b/webapp/channels/src/components/advanced_text_editor/send_button/send_button.tsx
@@ -24,7 +24,7 @@ type SendButtonProps = {
     handleSubmit: (schedulingInfo?: SchedulingInfo) => void;
     disabled: boolean;
     channelId: string;
-}
+};
 
 const SendButton = ({disabled, handleSubmit, channelId}: SendButtonProps) => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/advanced_text_editor/send_button/send_post_options/core_menu_options.tsx b/webapp/channels/src/components/advanced_text_editor/send_button/send_post_options/core_menu_options.tsx
index d55e5e7409d..aa8fa1f5b80 100644
--- a/webapp/channels/src/components/advanced_text_editor/send_button/send_post_options/core_menu_options.tsx
+++ b/webapp/channels/src/components/advanced_text_editor/send_button/send_post_options/core_menu_options.tsx
@@ -18,7 +18,7 @@ import RecentUsedCustomDate from './recent_used_custom_date';
 type Props = {
     handleOnSelect: (e: React.FormEvent, scheduledAt: number) => void;
     channelId: string;
-}
+};
 
 /**
  * Formats a timestamp in the teammate's timezone using the current user's locale.
diff --git a/webapp/channels/src/components/advanced_text_editor/send_button/send_post_options/index.tsx b/webapp/channels/src/components/advanced_text_editor/send_button/send_post_options/index.tsx
index a99e57db7b2..29cbf607591 100644
--- a/webapp/channels/src/components/advanced_text_editor/send_button/send_post_options/index.tsx
+++ b/webapp/channels/src/components/advanced_text_editor/send_button/send_post_options/index.tsx
@@ -24,7 +24,7 @@ type Props = {
     channelId: string;
     disabled?: boolean;
     onSelect: (schedulingInfo: SchedulingInfo) => void;
-}
+};
 
 export function SendPostOptions({disabled, onSelect, channelId}: Props) {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/advanced_text_editor/send_button/send_post_options/recent_used_custom_date.tsx b/webapp/channels/src/components/advanced_text_editor/send_button/send_post_options/recent_used_custom_date.tsx
index c86c64f62e2..a6f101b4092 100644
--- a/webapp/channels/src/components/advanced_text_editor/send_button/send_post_options/recent_used_custom_date.tsx
+++ b/webapp/channels/src/components/advanced_text_editor/send_button/send_post_options/recent_used_custom_date.tsx
@@ -21,7 +21,7 @@ type Props = {
     userCurrentTimezone: string;
     tomorrow9amTime: number;
     nextMonday: number;
-}
+};
 
 const DATE_RANGES = [
     RelativeRanges.TODAY_TITLE_CASE,
diff --git a/webapp/channels/src/components/advanced_text_editor/texteditor_actions/texteditor_actions.tsx b/webapp/channels/src/components/advanced_text_editor/texteditor_actions/texteditor_actions.tsx
index 7959d3eb9b9..21057bc2055 100644
--- a/webapp/channels/src/components/advanced_text_editor/texteditor_actions/texteditor_actions.tsx
+++ b/webapp/channels/src/components/advanced_text_editor/texteditor_actions/texteditor_actions.tsx
@@ -8,7 +8,7 @@ type TexteditorActionsProps = {
     placement: 'top' | 'bottom';
     show?: boolean;
     isScrollbarRendered?: boolean;
-}
+};
 
 const TexteditorActions = styled.span<TexteditorActionsProps>`
     position: absolute;
diff --git a/webapp/channels/src/components/advanced_text_editor/use_priority.tsx b/webapp/channels/src/components/advanced_text_editor/use_priority.tsx
index bf6b38bc43b..527277a9fa0 100644
--- a/webapp/channels/src/components/advanced_text_editor/use_priority.tsx
+++ b/webapp/channels/src/components/advanced_text_editor/use_priority.tsx
@@ -27,7 +27,7 @@ import PriorityLabels from './priority_labels';
 
 const usePriority = (
     draft: PostDraft,
-    handleDraftChange: ((draft: PostDraft, options: { instant?: boolean; show?: boolean }) => void),
+    handleDraftChange: ((draft: PostDraft, options: {instant?: boolean; show?: boolean}) => void),
     focusTextbox: (keepFocus?: boolean) => void,
     shouldShowPreview: boolean,
     showIndividualCloseButton = true,
diff --git a/webapp/channels/src/components/advanced_text_editor/use_submit.tsx b/webapp/channels/src/components/advanced_text_editor/use_submit.tsx
index 975da538d14..603bc5eddb9 100644
--- a/webapp/channels/src/components/advanced_text_editor/use_submit.tsx
+++ b/webapp/channels/src/components/advanced_text_editor/use_submit.tsx
@@ -59,10 +59,10 @@ const useSubmit = (
     postError: React.ReactNode,
     channelId: string,
     rootId: string,
-    serverError: (ServerError & { submittedMessage?: string }) | null,
+    serverError: (ServerError & {submittedMessage?: string}) | null,
     lastBlurAt: React.MutableRefObject<number>,
     focusTextbox: (forceFocust?: boolean) => void,
-    setServerError: (err: (ServerError & { submittedMessage?: string }) | null) => void,
+    setServerError: (err: (ServerError & {submittedMessage?: string}) | null) => void,
     setShowPreview: (showPreview: boolean) => void,
     handleDraftChange: (draft: PostDraft, options?: {instant?: boolean; show?: boolean}) => void,
     prioritySubmitCheck: (onConfirm: () => void) => boolean,
diff --git a/webapp/channels/src/components/advanced_text_editor/use_upload_files.tsx b/webapp/channels/src/components/advanced_text_editor/use_upload_files.tsx
index 21665fbd8ce..3cd0881d315 100644
--- a/webapp/channels/src/components/advanced_text_editor/use_upload_files.tsx
+++ b/webapp/channels/src/components/advanced_text_editor/use_upload_files.tsx
@@ -38,7 +38,7 @@ const useUploadFiles = (
     textboxRef: React.RefObject<TextboxClass>,
     handleDraftChange: (draft: PostDraft, options?: {instant?: boolean; show?: boolean}) => void,
     focusTextbox: (forceFocust?: boolean) => void,
-    setServerError: (err: (ServerError & { submittedMessage?: string }) | null) => void,
+    setServerError: (err: (ServerError & {submittedMessage?: string}) | null) => void,
     isPostBeingEdited?: boolean,
 ): [React.ReactNode, React.ReactNode] => {
     const intl = useIntl();
@@ -49,7 +49,7 @@ const useUploadFiles = (
     });
     const editAttachmentsDisabled = isPostBeingEdited && !canEditAttachments;
 
-    const [uploadsProgressPercent, setUploadsProgressPercent] = useState<{ [clientID: string]: FilePreviewInfo }>({});
+    const [uploadsProgressPercent, setUploadsProgressPercent] = useState<{[clientID: string]: FilePreviewInfo}>({});
 
     const fileUploadRef = useRef<FileUploadClass>(null);
 
diff --git a/webapp/channels/src/components/alert_banner/index.tsx b/webapp/channels/src/components/alert_banner/index.tsx
index 2a3373b1154..81ce1f84173 100644
--- a/webapp/channels/src/components/alert_banner/index.tsx
+++ b/webapp/channels/src/components/alert_banner/index.tsx
@@ -33,7 +33,7 @@ export type AlertBannerProps = {
     closeBtnTooltip?: string;
     onDismiss?: () => void;
     variant?: 'sys' | 'app';
-}
+};
 
 const AlertBanner = ({
     id,
diff --git a/webapp/channels/src/components/analytics/activated_users_card/index.tsx b/webapp/channels/src/components/analytics/activated_users_card/index.tsx
index 8114d801c79..ea9160f483d 100644
--- a/webapp/channels/src/components/analytics/activated_users_card/index.tsx
+++ b/webapp/channels/src/components/analytics/activated_users_card/index.tsx
@@ -18,7 +18,7 @@ type ActivatedUserCardProps = {
     activatedUsers: number | undefined;
     isCloud: boolean;
     guestAccountsEnabled?: boolean;
-}
+};
 
 const ActivatedUserCard = ({activatedUsers, seatsPurchased, isCloud, guestAccountsEnabled = false}: ActivatedUserCardProps) => {
     const {isBetween5PercerntAnd10PercentPurchasedSeats, isOver10PercerntPurchasedSeats} = calculateOverageUserActivated({seatsPurchased, activeUsers: activatedUsers || 0});
diff --git a/webapp/channels/src/components/analytics/activated_users_card/title.tsx b/webapp/channels/src/components/analytics/activated_users_card/title.tsx
index 4a976fdb94b..b35b5443f44 100644
--- a/webapp/channels/src/components/analytics/activated_users_card/title.tsx
+++ b/webapp/channels/src/components/analytics/activated_users_card/title.tsx
@@ -15,7 +15,7 @@ export const messages = defineMessages({
 
 type TitleProps = {
     guestAccountsEnabled: boolean;
-}
+};
 
 const Title = ({guestAccountsEnabled}: TitleProps) => {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/analytics/line_chart.tsx b/webapp/channels/src/components/analytics/line_chart.tsx
index b91e7504d4c..6f9c8ec4b10 100644
--- a/webapp/channels/src/components/analytics/line_chart.tsx
+++ b/webapp/channels/src/components/analytics/line_chart.tsx
@@ -14,7 +14,7 @@ type Props = {
     data?: any;
     id: string;
     options?: ChartOptions;
-}
+};
 
 export default class LineChart extends React.PureComponent<Props> {
     private canvasRef = React.createRef<HTMLCanvasElement>();
diff --git a/webapp/channels/src/components/analytics/single_channel_guests_card/index.tsx b/webapp/channels/src/components/analytics/single_channel_guests_card/index.tsx
index f1d8b9e3dd0..6baf7ed771d 100644
--- a/webapp/channels/src/components/analytics/single_channel_guests_card/index.tsx
+++ b/webapp/channels/src/components/analytics/single_channel_guests_card/index.tsx
@@ -15,7 +15,7 @@ export const messages = defineMessages({
 
 type TitleProps = {
     isOverLimit: boolean;
-}
+};
 
 const Title = ({isOverLimit}: TitleProps) => {
     const intl = useIntl();
@@ -52,7 +52,7 @@ const Title = ({isOverLimit}: TitleProps) => {
 type SingleChannelGuestsCardProps = {
     singleChannelGuestsCount: number | undefined;
     singleChannelGuestLimit: number;
-}
+};
 
 const SingleChannelGuestsCard = ({singleChannelGuestsCount, singleChannelGuestLimit}: SingleChannelGuestsCardProps) => {
     const isOverLimit = singleChannelGuestsCount !== undefined && singleChannelGuestLimit > 0 && singleChannelGuestsCount > singleChannelGuestLimit;
diff --git a/webapp/channels/src/components/analytics/statistic_count.tsx b/webapp/channels/src/components/analytics/statistic_count.tsx
index 41c6c3e970c..df12bf83d26 100644
--- a/webapp/channels/src/components/analytics/statistic_count.tsx
+++ b/webapp/channels/src/components/analytics/statistic_count.tsx
@@ -14,7 +14,7 @@ type Props = {
     children?: React.ReactNode;
     status?: 'warning' | 'error';
     formatter?: (value: number) => string;
-}
+};
 
 const StatisticCount = ({
     title,
diff --git a/webapp/channels/src/components/analytics/system_analytics/system_analytics.tsx b/webapp/channels/src/components/analytics/system_analytics/system_analytics.tsx
index c686f40688f..d1f66ac8e58 100644
--- a/webapp/channels/src/components/analytics/system_analytics/system_analytics.tsx
+++ b/webapp/channels/src/components/analytics/system_analytics/system_analytics.tsx
@@ -44,12 +44,12 @@ type Props = {
     config?: Partial<ClientConfig>;
     pluginStatHandlers: GlobalState['plugins']['siteStatsHandlers'];
     serverLimits: ServerLimits;
-}
+};
 
 type State = {
     pluginSiteStats: Record<string, PluginAnalyticsRow>;
     lineChartsDataLoaded: boolean;
-}
+};
 
 const messages = defineMessages({
     title: {id: 'analytics.system.title', defaultMessage: 'System Statistics'},
diff --git a/webapp/channels/src/components/analytics/table_chart.tsx b/webapp/channels/src/components/analytics/table_chart.tsx
index f82781c2600..36a0c76931b 100644
--- a/webapp/channels/src/components/analytics/table_chart.tsx
+++ b/webapp/channels/src/components/analytics/table_chart.tsx
@@ -9,11 +9,11 @@ export type TableItem = {
     name: string;
     tip: string;
     value: React.ReactNode;
-}
+};
 type Props = {
     title: React.ReactNode;
     data: TableItem[];
-}
+};
 
 const TableChart = ({
     title,
diff --git a/webapp/channels/src/components/analytics/team_analytics/team_analytics.tsx b/webapp/channels/src/components/analytics/team_analytics/team_analytics.tsx
index 0eb1fa1291f..604590b37cc 100644
--- a/webapp/channels/src/components/analytics/team_analytics/team_analytics.tsx
+++ b/webapp/channels/src/components/analytics/team_analytics/team_analytics.tsx
@@ -91,7 +91,7 @@ const messages = defineMessages({
     newlyCreated: {id: 'analytics.team.newlyCreated', defaultMessage: 'Newly Created Users'},
 });
 
-export const searchableStrings: Array<string|MessageDescriptor|[MessageDescriptor, {[key: string]: any}]> = [
+export const searchableStrings: Array<string | MessageDescriptor | [MessageDescriptor, {[key: string]: any}]> = [
     [messages.title, {team: ''}],
     messages.info,
     messages.totalPosts,
diff --git a/webapp/channels/src/components/announcement_bar/default_announcement_bar/announcement_bar.tsx b/webapp/channels/src/components/announcement_bar/default_announcement_bar/announcement_bar.tsx
index b40d9d7f1f4..ab877695a59 100644
--- a/webapp/channels/src/components/announcement_bar/default_announcement_bar/announcement_bar.tsx
+++ b/webapp/channels/src/components/announcement_bar/default_announcement_bar/announcement_bar.tsx
@@ -39,12 +39,12 @@ type Props = {
     showCTA?: boolean;
     ctaText?: ReactNode;
     ctaDisabled?: boolean;
-}
+};
 
 type State = {
     showTooltip: boolean;
     isStringContainingUrl: boolean;
-}
+};
 
 export default class AnnouncementBar extends React.PureComponent<Props, State> {
     messageRef: React.RefObject<HTMLDivElement>;
diff --git a/webapp/channels/src/components/announcement_bar/overage_users_banner/index.tsx b/webapp/channels/src/components/announcement_bar/overage_users_banner/index.tsx
index b5c3cf1d5de..d796e6b47e2 100644
--- a/webapp/channels/src/components/announcement_bar/overage_users_banner/index.tsx
+++ b/webapp/channels/src/components/announcement_bar/overage_users_banner/index.tsx
@@ -28,7 +28,7 @@ import './overage_users_banner.scss';
 type AdminHasDismissedItArgs = {
     preferenceName: string;
     overagePreferences: PreferenceType[];
-}
+};
 
 const adminHasDismissed = ({preferenceName, overagePreferences}: AdminHasDismissedItArgs): boolean => {
     return overagePreferences.find((value) => value.name === preferenceName) !== undefined;
diff --git a/webapp/channels/src/components/announcement_bar/payment_announcement_bar/index.tsx b/webapp/channels/src/components/announcement_bar/payment_announcement_bar/index.tsx
index 2d7b7b00d4c..9d58266fdaa 100644
--- a/webapp/channels/src/components/announcement_bar/payment_announcement_bar/index.tsx
+++ b/webapp/channels/src/components/announcement_bar/payment_announcement_bar/index.tsx
@@ -41,6 +41,7 @@ export default function PaymentAnnouncementBar() {
     const mostRecentPaymentFailed = subscription?.last_invoice?.status === 'failed';
 
     if (
+
         // Prevents banner flashes if the subscription hasn't been loaded yet
         isEmpty(subscription) ||
         isStarterFree ||
diff --git a/webapp/channels/src/components/announcement_bar/version_bar/version_bar.tsx b/webapp/channels/src/components/announcement_bar/version_bar/version_bar.tsx
index cdb05a78374..25a2bf05ed0 100644
--- a/webapp/channels/src/components/announcement_bar/version_bar/version_bar.tsx
+++ b/webapp/channels/src/components/announcement_bar/version_bar/version_bar.tsx
@@ -10,7 +10,7 @@ import AnnouncementBar from '../default_announcement_bar';
 
 type Props = {
     buildHash?: string;
-}
+};
 
 const reloadPage = () => {
     window.location.reload();
@@ -19,7 +19,7 @@ const reloadPage = () => {
 const VersionBar = ({
     buildHash,
 }: Props) => {
-    const [buildHashOnAppLoad, setBuildHashOnAppLoad] = useState<string|undefined>(buildHash);
+    const [buildHashOnAppLoad, setBuildHashOnAppLoad] = useState<string | undefined>(buildHash);
 
     useEffect(() => {
         if (!buildHashOnAppLoad && buildHash) {
diff --git a/webapp/channels/src/components/app_bar/app_bar_binding.tsx b/webapp/channels/src/components/app_bar/app_bar_binding.tsx
index caf0cfd1c45..4b626d5d9b3 100644
--- a/webapp/channels/src/components/app_bar/app_bar_binding.tsx
+++ b/webapp/channels/src/components/app_bar/app_bar_binding.tsx
@@ -24,7 +24,7 @@ export const isAppBinding = (x: Record<string, any> | undefined): x is AppBindin
 
 type BindingComponentProps = {
     binding: AppBinding;
-}
+};
 
 const AppBarBinding = (props: BindingComponentProps) => {
     const {binding} = props;
diff --git a/webapp/channels/src/components/app_bar/app_bar_plugin_component.tsx b/webapp/channels/src/components/app_bar/app_bar_plugin_component.tsx
index bb9a1db7737..30b0f002581 100644
--- a/webapp/channels/src/components/app_bar/app_bar_plugin_component.tsx
+++ b/webapp/channels/src/components/app_bar/app_bar_plugin_component.tsx
@@ -21,7 +21,7 @@ import NewChannelWithBoardTourTip from './new_channel_with_board_tour_tip';
 
 type AppBarComponentProps = {
     component: ChannelHeaderButtonAction | AppBarAction;
-}
+};
 
 enum ImageLoadState {
     LOADING = 'loading',
diff --git a/webapp/channels/src/components/app_bar/new_channel_with_board_tour_tip.tsx b/webapp/channels/src/components/app_bar/new_channel_with_board_tour_tip.tsx
index 253448291e4..96c5f8b4fc7 100644
--- a/webapp/channels/src/components/app_bar/new_channel_with_board_tour_tip.tsx
+++ b/webapp/channels/src/components/app_bar/new_channel_with_board_tour_tip.tsx
@@ -14,9 +14,9 @@ import {Preferences} from 'mattermost-redux/constants';
 import {showNewChannelWithBoardPulsatingDot} from 'selectors/plugins';
 
 type Props = {
-    pulsatingDotPlacement?: Omit<Placement, 'auto'| 'auto-end'>;
+    pulsatingDotPlacement?: Omit<Placement, 'auto' | 'auto-end'>;
     pulsatingDotTranslate?: {x: number; y: number};
-}
+};
 
 const NewChannelWithBoardTourTip = ({
     pulsatingDotPlacement = 'left',
diff --git a/webapp/channels/src/components/apps_form/apps_form_component.tsx b/webapp/channels/src/components/apps_form/apps_form_component.tsx
index bc6c72d6530..3ef5c793386 100644
--- a/webapp/channels/src/components/apps_form/apps_form_component.tsx
+++ b/webapp/channels/src/components/apps_form/apps_form_component.tsx
@@ -48,7 +48,7 @@ export type AppsFormProps = {
         performLookupCall: (field: AppField, values: AppFormValues, userInput: string) => Promise<DoAppCallResult<AppLookupResponse>>;
         refreshOnSelect: (field: AppField, values: AppFormValues) => Promise<DoAppCallResult<FormResponseData>>;
     };
-}
+};
 
 export type Props = AppsFormProps & WrappedComponentProps<'intl'>;
 
@@ -61,10 +61,10 @@ export type State = {
     submitting: string | null;
     form: AppForm;
     isInteracting: boolean;
-}
+};
 
 // Helper function to validate date format and warn if datetime format is used
-const validateDateFieldValue = (fieldName: string, valueType: string, value: string): { warning: string; datePortion: string } | null => {
+const validateDateFieldValue = (fieldName: string, valueType: string, value: string): {warning: string; datePortion: string} | null => {
     if (!value) {
         return null;
     }
diff --git a/webapp/channels/src/components/apps_form/apps_form_container.tsx b/webapp/channels/src/components/apps_form/apps_form_container.tsx
index b2c5430f378..984c50deff3 100644
--- a/webapp/channels/src/components/apps_form/apps_form_container.tsx
+++ b/webapp/channels/src/components/apps_form/apps_form_container.tsx
@@ -32,7 +32,7 @@ type Props = {
 
 type State = {
     form?: AppForm;
-}
+};
 
 class AppsFormContainer extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/apps_form/apps_form_field/apps_form_select_field.tsx b/webapp/channels/src/components/apps_form/apps_form_field/apps_form_select_field.tsx
index 31bd690aec9..1d4c4a0dba0 100644
--- a/webapp/channels/src/components/apps_form/apps_form_field/apps_form_select_field.tsx
+++ b/webapp/channels/src/components/apps_form/apps_form_field/apps_form_select_field.tsx
@@ -38,7 +38,7 @@ export type Props = {
 export type State = {
     refreshNonce: string;
     field: AppField;
-}
+};
 
 const reactStyles = {
     menuPortal: (provided) => ({
@@ -48,7 +48,7 @@ const reactStyles = {
 } satisfies StylesConfig<AppSelectOption | UserProfile | Channel >;
 
 const commonComponents = {
-    MultiValueLabel: (props: { data: { label: string } }) => (
+    MultiValueLabel: (props: {data: {label: string}}) => (
         <div className='react-select__padded-component'>
             {props.data.label}
         </div>
diff --git a/webapp/channels/src/components/at_mention/at_mention.tsx b/webapp/channels/src/components/at_mention/at_mention.tsx
index dff776be61b..69dbb1bdcac 100644
--- a/webapp/channels/src/components/at_mention/at_mention.tsx
+++ b/webapp/channels/src/components/at_mention/at_mention.tsx
@@ -23,7 +23,7 @@ type OwnProps = {
     disableHighlight?: boolean;
     disableGroupHighlight?: boolean;
     fetchMissingUsers?: boolean;
-}
+};
 
 type Props = OwnProps & PropsFromRedux;
 
diff --git a/webapp/channels/src/components/audio_video_preview/audio_video_preview.tsx b/webapp/channels/src/components/audio_video_preview/audio_video_preview.tsx
index 3997bb691c7..97b5896eb8b 100644
--- a/webapp/channels/src/components/audio_video_preview/audio_video_preview.tsx
+++ b/webapp/channels/src/components/audio_video_preview/audio_video_preview.tsx
@@ -13,11 +13,11 @@ type Props = {
     fileInfo: FileInfo;
     fileUrl: string;
     isMobileView: boolean;
-}
+};
 
 type State = {
     canPlay: boolean;
-}
+};
 
 export default class AudioVideoPreview extends React.PureComponent<Props, State> {
     sourceRef = React.createRef<HTMLSourceElement>();
diff --git a/webapp/channels/src/components/audit_table/audit_row/audit_row.tsx b/webapp/channels/src/components/audit_table/audit_row/audit_row.tsx
index d3c49bfccf3..8b6cd5c998b 100644
--- a/webapp/channels/src/components/audit_table/audit_row/audit_row.tsx
+++ b/webapp/channels/src/components/audit_table/audit_row/audit_row.tsx
@@ -21,7 +21,7 @@ export type Props = {
     showUserId: boolean;
     showIp: boolean;
     showSession: boolean;
-}
+};
 
 export default function AuditRow({
     actionURL,
diff --git a/webapp/channels/src/components/audit_table/channel_row/channel_create_direct_row.tsx b/webapp/channels/src/components/audit_table/channel_row/channel_create_direct_row.tsx
index d140b3e5620..7a2633d7edb 100644
--- a/webapp/channels/src/components/audit_table/channel_row/channel_create_direct_row.tsx
+++ b/webapp/channels/src/components/audit_table/channel_row/channel_create_direct_row.tsx
@@ -22,7 +22,7 @@ type Props = {
     showIp: boolean;
     showSession: boolean;
     channelObj?: Channel | null;
-}
+};
 
 export default function ChannelCreateDirectRow({
     audit,
diff --git a/webapp/channels/src/components/audit_table/channel_row/channel_row.tsx b/webapp/channels/src/components/audit_table/channel_row/channel_row.tsx
index 904234ea227..8c1ff240184 100644
--- a/webapp/channels/src/components/audit_table/channel_row/channel_row.tsx
+++ b/webapp/channels/src/components/audit_table/channel_row/channel_row.tsx
@@ -22,7 +22,7 @@ type Props = {
     showUserId: boolean;
     showIp: boolean;
     showSession: boolean;
-}
+};
 
 export default function ChannelRow({
     audit,
diff --git a/webapp/channels/src/components/audit_table/format_audit.tsx b/webapp/channels/src/components/audit_table/format_audit.tsx
index 819fda04372..d225e84d44c 100644
--- a/webapp/channels/src/components/audit_table/format_audit.tsx
+++ b/webapp/channels/src/components/audit_table/format_audit.tsx
@@ -18,7 +18,7 @@ export type Props = {
     showUserId: boolean;
     showIp: boolean;
     showSession: boolean;
-}
+};
 
 export default function FormatAudit({
     audit,
diff --git a/webapp/channels/src/components/audit_table/user_row/user_row.tsx b/webapp/channels/src/components/audit_table/user_row/user_row.tsx
index 4b1b335efdd..d91edba81d3 100644
--- a/webapp/channels/src/components/audit_table/user_row/user_row.tsx
+++ b/webapp/channels/src/components/audit_table/user_row/user_row.tsx
@@ -17,7 +17,7 @@ type Props = {
     showUserId: boolean;
     showIp: boolean;
     showSession: boolean;
-}
+};
 
 export default function UserRow({
     audit,
diff --git a/webapp/channels/src/components/audit_table/user_row/user_update_active_session_row.tsx b/webapp/channels/src/components/audit_table/user_row/user_update_active_session_row.tsx
index 71ff233b2a9..45663a84a4e 100644
--- a/webapp/channels/src/components/audit_table/user_row/user_update_active_session_row.tsx
+++ b/webapp/channels/src/components/audit_table/user_row/user_update_active_session_row.tsx
@@ -22,7 +22,7 @@ type Props = {
     showSession: boolean;
     updateField: string;
     userInfo: string[];
-}
+};
 
 export default function UserUpdateActiveSessionRow({
     audit,
diff --git a/webapp/channels/src/components/authorize/authorize.tsx b/webapp/channels/src/components/authorize/authorize.tsx
index f618b380375..9d361142fbd 100644
--- a/webapp/channels/src/components/authorize/authorize.tsx
+++ b/webapp/channels/src/components/authorize/authorize.tsx
@@ -22,7 +22,7 @@ export type Params = {
     state: string | null;
     scope: string | null;
     resource: string | null;
-}
+};
 
 type Props = {
     location: {
@@ -32,12 +32,12 @@ type Props = {
         getOAuthAppInfo: (clientId: string | null) => Promise<ActionResult<OAuthApp>>;
         allowOAuth2: (params: Params) => Promise<ActionResult<{redirect: string}>>;
     };
-}
+};
 
 type State = {
     app?: OAuthApp;
     error?: string;
-}
+};
 
 export default class Authorize extends React.PureComponent<Props, State> {
     public constructor(props: Props) {
diff --git a/webapp/channels/src/components/autocomplete_selector.tsx b/webapp/channels/src/components/autocomplete_selector.tsx
index 7e5ced26721..630bc711522 100644
--- a/webapp/channels/src/components/autocomplete_selector.tsx
+++ b/webapp/channels/src/components/autocomplete_selector.tsx
@@ -17,7 +17,7 @@ export type Option = {
     text: string;
     value: string;
 };
-export type Selected = Option | UserProfile | Channel
+export type Selected = Option | UserProfile | Channel;
 
 type Props = {
     id: string;
diff --git a/webapp/channels/src/components/backstage/backstage_controller.tsx b/webapp/channels/src/components/backstage/backstage_controller.tsx
index 24b6a8bf561..b223fad5e3c 100644
--- a/webapp/channels/src/components/backstage/backstage_controller.tsx
+++ b/webapp/channels/src/components/backstage/backstage_controller.tsx
@@ -35,14 +35,14 @@ import Pluggable from 'plugins/pluggable';
 import BackstageNavbar from './components/backstage_navbar';
 import BackstageSidebar from './components/backstage_sidebar';
 
-type ExtraProps = Pick<Props, 'user' | 'team'> & {scrollToTop: () => void}
+type ExtraProps = Pick<Props, 'user' | 'team'> & {scrollToTop: () => void};
 
 type BackstageRouteProps = {
     component: ComponentType<any>;
     extraProps: ExtraProps;
     path: string;
     exact?: boolean;
-}
+};
 
 const BackstageRoute = ({component: Component, extraProps, ...rest}: BackstageRouteProps) => (
     <Route
@@ -82,7 +82,7 @@ type Props = {
     enableOutgoingOAuthConnections: boolean;
     canCreateOrDeleteCustomEmoji: boolean;
     canManageIntegrations: boolean;
-}
+};
 
 const BackstageController = (props: Props) => {
     const listRef = useRef<HTMLDivElement>(null);
diff --git a/webapp/channels/src/components/backstage/components/backstage_category.tsx b/webapp/channels/src/components/backstage/components/backstage_category.tsx
index 5be66e62fb4..04256c253d9 100644
--- a/webapp/channels/src/components/backstage/components/backstage_category.tsx
+++ b/webapp/channels/src/components/backstage/components/backstage_category.tsx
@@ -12,7 +12,7 @@ type Props = {
     icon: string;
     parentLink?: string;
     children?: ReactNode[];
-}
+};
 
 const BackstageCategory = ({name, title, icon, parentLink, children = []}: Props) => {
     const link = parentLink + '/' + name;
diff --git a/webapp/channels/src/components/backstage/components/backstage_header.tsx b/webapp/channels/src/components/backstage/components/backstage_header.tsx
index 521c9fc1947..e7893338fd5 100644
--- a/webapp/channels/src/components/backstage/components/backstage_header.tsx
+++ b/webapp/channels/src/components/backstage/components/backstage_header.tsx
@@ -7,7 +7,7 @@ import {useIntl} from 'react-intl';
 
 type Props = {
     children?: ReactNode;
-}
+};
 
 const BackstageHeader = ({children}: Props) => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/backstage/components/backstage_navbar.tsx b/webapp/channels/src/components/backstage/components/backstage_navbar.tsx
index 7afcea12b3a..12b23842e2c 100644
--- a/webapp/channels/src/components/backstage/components/backstage_navbar.tsx
+++ b/webapp/channels/src/components/backstage/components/backstage_navbar.tsx
@@ -12,7 +12,7 @@ import BackIcon from 'components/widgets/icons/fa_back_icon';
 type Props = {
     team?: Team;
     siteName?: string;
-}
+};
 
 const BackstageNavbar = ({team, siteName}: Props) => {
     const teamExists = team?.delete_at === 0;
diff --git a/webapp/channels/src/components/backstage/components/backstage_section.tsx b/webapp/channels/src/components/backstage/components/backstage_section.tsx
index 6dfcea39172..e5cfc4ca698 100644
--- a/webapp/channels/src/components/backstage/components/backstage_section.tsx
+++ b/webapp/channels/src/components/backstage/components/backstage_section.tsx
@@ -12,7 +12,7 @@ type Props = {
     parentLink?: string;
     children?: JSX.Element[];
     id?: string;
-}
+};
 
 const BackstageSection = ({name, title, subsection = false, parentLink = '', children = [], id}: Props) => {
     const link = parentLink + '/' + name;
diff --git a/webapp/channels/src/components/backstage/components/backstage_sidebar.tsx b/webapp/channels/src/components/backstage/components/backstage_sidebar.tsx
index 443df5d1e87..81279614fb1 100644
--- a/webapp/channels/src/components/backstage/components/backstage_sidebar.tsx
+++ b/webapp/channels/src/components/backstage/components/backstage_sidebar.tsx
@@ -24,7 +24,7 @@ type Props = {
     enableOutgoingOAuthConnections: boolean;
     canCreateOrDeleteCustomEmoji: boolean;
     canManageIntegrations: boolean;
-}
+};
 
 export default class BackstageSidebar extends React.PureComponent<Props> {
     renderCustomEmoji() {
diff --git a/webapp/channels/src/components/browse_channels/browse_channels.tsx b/webapp/channels/src/components/browse_channels/browse_channels.tsx
index b4d6d1f8ac7..53aa9cf28f5 100644
--- a/webapp/channels/src/components/browse_channels/browse_channels.tsx
+++ b/webapp/channels/src/components/browse_channels/browse_channels.tsx
@@ -68,7 +68,7 @@ type Actions = {
     setGlobalItem: (name: string, value: string) => void;
     closeRightHandSide: () => void;
     getChannelsMemberCount: (channelIds: string[]) => Promise<ActionResult>;
-}
+};
 
 export type Props = {
     channels: Channel[];
@@ -86,7 +86,7 @@ export type Props = {
     accessControlEnabled: boolean;
     initialFilter?: FilterType;
     actions: Actions;
-}
+};
 
 type State = {
     loading: boolean;
@@ -97,7 +97,7 @@ type State = {
     searching: boolean;
     searchTerm: string;
     recommendedChannels: Channel[];
-}
+};
 
 export default class BrowseChannels extends React.PureComponent<Props, State> {
     public searchTimeoutId: number;
diff --git a/webapp/channels/src/components/burn_on_read/burn_on_read.svg.tsx b/webapp/channels/src/components/burn_on_read/burn_on_read.svg.tsx
index 354dbf67f0a..2ded0cfc174 100644
--- a/webapp/channels/src/components/burn_on_read/burn_on_read.svg.tsx
+++ b/webapp/channels/src/components/burn_on_read/burn_on_read.svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width?: number;
     height?: number;
-}
+};
 
 const BurnOnReadSVG = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/burn_on_read/burn_on_read_button.tsx b/webapp/channels/src/components/burn_on_read/burn_on_read_button.tsx
index b7aeac3a67b..9a79851ed61 100644
--- a/webapp/channels/src/components/burn_on_read/burn_on_read_button.tsx
+++ b/webapp/channels/src/components/burn_on_read/burn_on_read_button.tsx
@@ -22,7 +22,7 @@ type Props = {
 
     // The configured duration in minutes for BoR messages
     durationMinutes: number;
-}
+};
 
 const BurnOnReadButton = ({enabled, onToggle, disabled, durationMinutes}: Props) => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/burn_on_read/burn_on_read_label.tsx b/webapp/channels/src/components/burn_on_read/burn_on_read_label.tsx
index 60eff00059b..f62b20668d3 100644
--- a/webapp/channels/src/components/burn_on_read/burn_on_read_label.tsx
+++ b/webapp/channels/src/components/burn_on_read/burn_on_read_label.tsx
@@ -18,7 +18,7 @@ type Props = {
 
     // The configured duration in minutes for BoR messages
     durationMinutes: number;
-}
+};
 
 const BurnOnReadLabel = ({canRemove, onRemove, durationMinutes}: Props) => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/burn_on_read/burn_on_read_tour_tip.tsx b/webapp/channels/src/components/burn_on_read/burn_on_read_tour_tip.tsx
index 8619fae8dd8..56f0c7f580c 100644
--- a/webapp/channels/src/components/burn_on_read/burn_on_read_tour_tip.tsx
+++ b/webapp/channels/src/components/burn_on_read/burn_on_read_tour_tip.tsx
@@ -20,7 +20,7 @@ type Props = {
 
     // Callback when user clicks "Try it out" button to enable BoR
     onTryItOut: () => void;
-}
+};
 
 const BurnOnReadTourTip = ({onTryItOut}: Props) => {
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/card/card.test.tsx b/webapp/channels/src/components/card/card.test.tsx
index 200ac7f9462..b8302b0c2d5 100644
--- a/webapp/channels/src/components/card/card.test.tsx
+++ b/webapp/channels/src/components/card/card.test.tsx
@@ -93,8 +93,7 @@ describe('components/card/card', () => {
         defaultMessage='Add policy'
     />,
             onClick:
-                () => {}
-            ,
+                () => {},
         };
 
         const {container} = renderWithContext(
diff --git a/webapp/channels/src/components/card/card.tsx b/webapp/channels/src/components/card/card.tsx
index eed841ef1e9..ec8636db483 100644
--- a/webapp/channels/src/components/card/card.tsx
+++ b/webapp/channels/src/components/card/card.tsx
@@ -13,7 +13,7 @@ type Props = {
     expanded?: boolean;
     className?: string;
     children?: React.ReactNode;
-}
+};
 
 export default class Card extends React.PureComponent<Props> {
     public static Header = CardHeader;
diff --git a/webapp/channels/src/components/channel_banner/channel_banner.tsx b/webapp/channels/src/components/channel_banner/channel_banner.tsx
index e826cd7d0ff..de08917e828 100644
--- a/webapp/channels/src/components/channel_banner/channel_banner.tsx
+++ b/webapp/channels/src/components/channel_banner/channel_banner.tsx
@@ -30,7 +30,7 @@ const markdownRenderingOptions: Partial<TextFormattingOptions> = {
 
 type Props = {
     channelId: string;
-}
+};
 
 export default function ChannelBanner({channelId}: Props) {
     const channelBannerInfo = useSelector((state: GlobalState) => getChannelBanner(state, channelId));
diff --git a/webapp/channels/src/components/channel_bookmarks/bookmark_delete_modal.tsx b/webapp/channels/src/components/channel_bookmarks/bookmark_delete_modal.tsx
index e2b16092b67..ade2627a270 100644
--- a/webapp/channels/src/components/channel_bookmarks/bookmark_delete_modal.tsx
+++ b/webapp/channels/src/components/channel_bookmarks/bookmark_delete_modal.tsx
@@ -11,7 +11,7 @@ type Props = {
     onConfirm: () => void;
     onCancel?: () => void;
     onExited: () => void;
-}
+};
 
 const noop = () => {};
 
diff --git a/webapp/channels/src/components/channel_bookmarks/bookmark_icon.tsx b/webapp/channels/src/components/channel_bookmarks/bookmark_icon.tsx
index 9d187fe215b..8d7c7870b77 100644
--- a/webapp/channels/src/components/channel_bookmarks/bookmark_icon.tsx
+++ b/webapp/channels/src/components/channel_bookmarks/bookmark_icon.tsx
@@ -26,7 +26,7 @@ type Props = {
     imageUrl?: string;
     fileInfo?: FileInfo | FilePreviewInfo;
     size?: 16 | 24;
-}
+};
 
 const BookmarkIcon = ({
     type,
diff --git a/webapp/channels/src/components/channel_bookmarks/create_modal_name_input.tsx b/webapp/channels/src/components/channel_bookmarks/create_modal_name_input.tsx
index fafbb5b56e9..4b4c98244f2 100644
--- a/webapp/channels/src/components/channel_bookmarks/create_modal_name_input.tsx
+++ b/webapp/channels/src/components/channel_bookmarks/create_modal_name_input.tsx
@@ -31,7 +31,7 @@ type Props = {
     showEmojiPicker: boolean;
     setShowEmojiPicker: React.Dispatch<React.SetStateAction<boolean>>;
     onAddCustomEmojiClick?: () => void;
-}
+};
 const CreateModalNameInput = ({
     maxLength,
     type,
diff --git a/webapp/channels/src/components/channel_header/channel_header_title.tsx b/webapp/channels/src/components/channel_header/channel_header_title.tsx
index be5b02272b3..3fc1bda429e 100644
--- a/webapp/channels/src/components/channel_header/channel_header_title.tsx
+++ b/webapp/channels/src/components/channel_header/channel_header_title.tsx
@@ -27,7 +27,7 @@ type Props = {
     dmUser?: UserProfile;
     gmMembers?: UserProfile[];
     remoteNames?: string[];
-}
+};
 
 const ChannelHeaderTitle = ({
     dmUser,
diff --git a/webapp/channels/src/components/channel_header/channel_header_title_direct.tsx b/webapp/channels/src/components/channel_header/channel_header_title_direct.tsx
index c0e75a37b1d..744d9aec6ad 100644
--- a/webapp/channels/src/components/channel_header/channel_header_title_direct.tsx
+++ b/webapp/channels/src/components/channel_header/channel_header_title_direct.tsx
@@ -15,7 +15,7 @@ import GuestTag from 'components/widgets/tag/guest_tag';
 
 type Props = {
     dmUser?: UserProfile;
-}
+};
 
 const ChannelHeaderTitleDirect = ({
     dmUser,
diff --git a/webapp/channels/src/components/channel_header/channel_header_title_group.tsx b/webapp/channels/src/components/channel_header/channel_header_title_group.tsx
index 3c17fa41c9e..846722a2cae 100644
--- a/webapp/channels/src/components/channel_header/channel_header_title_group.tsx
+++ b/webapp/channels/src/components/channel_header/channel_header_title_group.tsx
@@ -15,7 +15,7 @@ import GuestTag from 'components/widgets/tag/guest_tag';
 
 type Props = {
     gmMembers?: UserProfile[];
-}
+};
 
 const ChannelHeaderTitleGroup = ({
     gmMembers,
diff --git a/webapp/channels/src/components/channel_header/components/header_icon_wrapper.tsx b/webapp/channels/src/components/channel_header/components/header_icon_wrapper.tsx
index 48843f8a98f..c4f1c8499bf 100644
--- a/webapp/channels/src/components/channel_header/components/header_icon_wrapper.tsx
+++ b/webapp/channels/src/components/channel_header/components/header_icon_wrapper.tsx
@@ -26,7 +26,7 @@ type Props = {
     tooltipShortcut?: ShortcutDefinition;
     isRhsOpen?: boolean;
     pluginId?: string;
-}
+};
 
 const HeaderIconWrapper = (props: Props) => {
     const {
diff --git a/webapp/channels/src/components/channel_header_menu/channel_header_menu.tsx b/webapp/channels/src/components/channel_header_menu/channel_header_menu.tsx
index 81d017df2aa..28b87159240 100644
--- a/webapp/channels/src/components/channel_header_menu/channel_header_menu.tsx
+++ b/webapp/channels/src/components/channel_header_menu/channel_header_menu.tsx
@@ -48,7 +48,7 @@ type Props = {
     archivedIcon?: JSX.Element;
     sharedIcon?: JSX.Element;
     isMobile?: boolean;
-}
+};
 
 export default function ChannelHeaderMenu({dmUser, gmMembers, isMobile, archivedIcon, sharedIcon}: Props): JSX.Element | null {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/channel_header_menu/channel_header_menu_items/channel_header_mobile_menu.tsx b/webapp/channels/src/components/channel_header_menu/channel_header_menu_items/channel_header_mobile_menu.tsx
index 1c0999201f5..3f69e661717 100644
--- a/webapp/channels/src/components/channel_header_menu/channel_header_menu_items/channel_header_mobile_menu.tsx
+++ b/webapp/channels/src/components/channel_header_menu/channel_header_menu_items/channel_header_mobile_menu.tsx
@@ -14,7 +14,7 @@ type Props = {
     isMobile: boolean;
     channel: Channel;
     pluginItems: ReactNode[];
-}
+};
 
 const ChannelHeaderMobileMenu = (props: Props): JSX.Element => {
     if (!props.isMobile) {
diff --git a/webapp/channels/src/components/channel_header_menu/menu_items/add_channel_members.tsx b/webapp/channels/src/components/channel_header_menu/menu_items/add_channel_members.tsx
index d15a6beecd6..9a4693d5d65 100644
--- a/webapp/channels/src/components/channel_header_menu/menu_items/add_channel_members.tsx
+++ b/webapp/channels/src/components/channel_header_menu/menu_items/add_channel_members.tsx
@@ -17,7 +17,7 @@ import {ModalIdentifiers} from 'utils/constants';
 
 type Props = {
     channel: Channel;
-}
+};
 
 const AddChannelMembers = ({channel}: Props): JSX.Element => {
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/channel_header_menu/menu_items/archive_channel.tsx b/webapp/channels/src/components/channel_header_menu/menu_items/archive_channel.tsx
index 11f81659abd..f0f240b52bb 100644
--- a/webapp/channels/src/components/channel_header_menu/menu_items/archive_channel.tsx
+++ b/webapp/channels/src/components/channel_header_menu/menu_items/archive_channel.tsx
@@ -17,7 +17,7 @@ import {ModalIdentifiers} from 'utils/constants';
 
 type Props = {
     channel: Channel;
-}
+};
 
 const ArchiveChannel = ({
     channel,
diff --git a/webapp/channels/src/components/channel_header_menu/menu_items/channel_settings_menu.tsx b/webapp/channels/src/components/channel_header_menu/menu_items/channel_settings_menu.tsx
index 13264f4a689..1237cbb63a8 100644
--- a/webapp/channels/src/components/channel_header_menu/menu_items/channel_settings_menu.tsx
+++ b/webapp/channels/src/components/channel_header_menu/menu_items/channel_settings_menu.tsx
@@ -22,7 +22,7 @@ import type {GlobalState} from 'types/store';
 
 type Props = {
     channel: Channel;
-}
+};
 
 const ChannelSettingsMenu = ({channel}: Props): JSX.Element | null => {
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/channel_header_menu/menu_items/convert_gm_to_private.tsx b/webapp/channels/src/components/channel_header_menu/menu_items/convert_gm_to_private.tsx
index 7ce00f2acf7..e4094e4168f 100644
--- a/webapp/channels/src/components/channel_header_menu/menu_items/convert_gm_to_private.tsx
+++ b/webapp/channels/src/components/channel_header_menu/menu_items/convert_gm_to_private.tsx
@@ -16,7 +16,7 @@ import {ModalIdentifiers} from 'utils/constants';
 
 type Props = {
     channel: Channel;
-}
+};
 
 const ConvertGMtoPrivate = ({channel}: Props): JSX.Element => {
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/channel_header_menu/menu_items/edit_conversation_header.tsx b/webapp/channels/src/components/channel_header_menu/menu_items/edit_conversation_header.tsx
index 38df20e73fc..52460874d44 100644
--- a/webapp/channels/src/components/channel_header_menu/menu_items/edit_conversation_header.tsx
+++ b/webapp/channels/src/components/channel_header_menu/menu_items/edit_conversation_header.tsx
@@ -17,7 +17,7 @@ import {ModalIdentifiers} from 'utils/constants';
 type Props = {
     channel: Channel;
     leadingElement?: React.ReactNode;
-}
+};
 
 const EditConversationHeader = ({channel, leadingElement}: Props): JSX.Element => {
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/channel_header_menu/menu_items/leave_channel.tsx b/webapp/channels/src/components/channel_header_menu/menu_items/leave_channel.tsx
index 3b1c3010d57..7b0326404ea 100644
--- a/webapp/channels/src/components/channel_header_menu/menu_items/leave_channel.tsx
+++ b/webapp/channels/src/components/channel_header_menu/menu_items/leave_channel.tsx
@@ -21,7 +21,7 @@ import {Constants, ModalIdentifiers} from 'utils/constants';
 type Props = {
     channel: Channel;
     id?: string;
-}
+};
 
 const LeaveChannel = ({
     channel,
diff --git a/webapp/channels/src/components/channel_header_menu/menu_items/mobile_channel_header_plugins.tsx b/webapp/channels/src/components/channel_header_menu/menu_items/mobile_channel_header_plugins.tsx
index 29856e2422e..273d19a84f8 100644
--- a/webapp/channels/src/components/channel_header_menu/menu_items/mobile_channel_header_plugins.tsx
+++ b/webapp/channels/src/components/channel_header_menu/menu_items/mobile_channel_header_plugins.tsx
@@ -24,7 +24,7 @@ import type {MobileChannelHeaderButtonAction} from 'types/store/plugins';
 type Props = {
     channel: Channel;
     isDropdown: boolean;
-}
+};
 
 const MobileChannelHeaderPlugins = (props: Props): JSX.Element => {
     const mobileComponents = useSelector(getChannelMobileHeaderPluginButtons);
diff --git a/webapp/channels/src/components/channel_header_menu/menu_items/unarchive_channel.tsx b/webapp/channels/src/components/channel_header_menu/menu_items/unarchive_channel.tsx
index 96fb2dad05e..061c1bd11d6 100644
--- a/webapp/channels/src/components/channel_header_menu/menu_items/unarchive_channel.tsx
+++ b/webapp/channels/src/components/channel_header_menu/menu_items/unarchive_channel.tsx
@@ -16,7 +16,7 @@ import {ModalIdentifiers} from 'utils/constants';
 
 type Props = {
     channel: Channel;
-}
+};
 
 const UnarchiveChannel = ({
     channel,
diff --git a/webapp/channels/src/components/channel_header_menu/menu_items/view_pinned_posts.tsx b/webapp/channels/src/components/channel_header_menu/menu_items/view_pinned_posts.tsx
index 8c0843794a4..1e7062e89eb 100644
--- a/webapp/channels/src/components/channel_header_menu/menu_items/view_pinned_posts.tsx
+++ b/webapp/channels/src/components/channel_header_menu/menu_items/view_pinned_posts.tsx
@@ -14,7 +14,7 @@ import {RHSStates} from 'utils/constants';
 
 type Props = {
     channelID: string;
-}
+};
 
 const ViewPinnedPosts = ({
     channelID,
diff --git a/webapp/channels/src/components/channel_invite_modal/channel_invite_modal.tsx b/webapp/channels/src/components/channel_invite_modal/channel_invite_modal.tsx
index 4ad3ec1093c..e189fa0189f 100644
--- a/webapp/channels/src/components/channel_invite_modal/channel_invite_modal.tsx
+++ b/webapp/channels/src/components/channel_invite_modal/channel_invite_modal.tsx
@@ -84,7 +84,7 @@ export type Props = {
         searchAssociatedGroupsForReference: (prefix: string, teamId: string, channelId: string | undefined, opts: GroupSearchParams) => Promise<ActionResult>;
         getTeamMembersByIds: (teamId: string, userIds: string[]) => Promise<ActionResult>;
     };
-}
+};
 
 // Helper function to check if an option is a user
 const isUser = (option: UserProfileValue | GroupValue): option is UserProfileValue => {
diff --git a/webapp/channels/src/components/channel_invite_modal/group_option/group_option.test.tsx b/webapp/channels/src/components/channel_invite_modal/group_option/group_option.test.tsx
index 9cc4e01358a..4f2357602f1 100644
--- a/webapp/channels/src/components/channel_invite_modal/group_option/group_option.test.tsx
+++ b/webapp/channels/src/components/channel_invite_modal/group_option/group_option.test.tsx
@@ -10,7 +10,7 @@ import type {Value} from 'components/multiselect/multiselect';
 import {renderWithContext, waitFor} from 'tests/react_testing_utils';
 
 import GroupOption from './group_option';
-import type{Props} from './group_option';
+import type {Props} from './group_option';
 
 const mockGroup = {
     id: 'group-id',
@@ -18,7 +18,7 @@ const mockGroup = {
     name: 'groupname',
     member_ids: ['user1', 'user2'],
     member_count: 2,
-} as Group&Value;
+} as Group & Value;
 
 describe('GroupOption', () => {
     const props: Props = {
diff --git a/webapp/channels/src/components/channel_invite_modal/group_option/group_option.tsx b/webapp/channels/src/components/channel_invite_modal/group_option/group_option.tsx
index 693fe122f8d..2866e87faf6 100644
--- a/webapp/channels/src/components/channel_invite_modal/group_option/group_option.tsx
+++ b/webapp/channels/src/components/channel_invite_modal/group_option/group_option.tsx
@@ -27,7 +27,7 @@ export type Props = {
     selectedItemRef: React.RefObject<HTMLDivElement>;
     onMouseMove: (group: GroupValue) => void;
     addUserProfile: (profile: UserProfileValue) => void;
-}
+};
 
 const displayNameGetter = makeDisplayNameGetter();
 
diff --git a/webapp/channels/src/components/channel_invite_modal/index.ts b/webapp/channels/src/components/channel_invite_modal/index.ts
index 6d33d17db37..0ad8f27dd56 100644
--- a/webapp/channels/src/components/channel_invite_modal/index.ts
+++ b/webapp/channels/src/components/channel_invite_modal/index.ts
@@ -32,7 +32,7 @@ import ChannelInviteModal from './channel_invite_modal';
 type OwnProps = {
     channelId?: string;
     teamId?: string;
-}
+};
 
 function makeMapStateToProps(initialState: GlobalState, initialProps: OwnProps) {
     const getAllAssociatedGroupsForReference = makeGetAllAssociatedGroupsForReference();
diff --git a/webapp/channels/src/components/channel_invite_modal/team_warning_banner/team_warning_banner.tsx b/webapp/channels/src/components/channel_invite_modal/team_warning_banner/team_warning_banner.tsx
index be5fc9f8a9e..d4d027c2783 100644
--- a/webapp/channels/src/components/channel_invite_modal/team_warning_banner/team_warning_banner.tsx
+++ b/webapp/channels/src/components/channel_invite_modal/team_warning_banner/team_warning_banner.tsx
@@ -21,7 +21,7 @@ export type Props = {
     teamId: string;
     users: UserProfileValue[];
     guests: UserProfileValue[];
-}
+};
 
 const TeamWarningBanner = (props: Props) => {
     const {
diff --git a/webapp/channels/src/components/channel_layout/center_channel/index.ts b/webapp/channels/src/components/channel_layout/center_channel/index.ts
index 59bf14ec0a8..a0967e8dc01 100644
--- a/webapp/channels/src/components/channel_layout/center_channel/index.ts
+++ b/webapp/channels/src/components/channel_layout/center_channel/index.ts
@@ -27,7 +27,7 @@ import CenterChannel from './center_channel';
 
 type Params = {
     team: string;
-}
+};
 
 export type OwnProps = RouteComponentProps<Params>;
 
diff --git a/webapp/channels/src/components/channel_layout/channel_controller.tsx b/webapp/channels/src/components/channel_layout/channel_controller.tsx
index f3b3d729c14..0532bdc37d9 100644
--- a/webapp/channels/src/components/channel_layout/channel_controller.tsx
+++ b/webapp/channels/src/components/channel_layout/channel_controller.tsx
@@ -32,7 +32,7 @@ const BODY_CLASS_FOR_CHANNEL = ['channel-view'];
 
 type Props = {
     shouldRenderCenterChannel: boolean;
-}
+};
 
 export default function ChannelController(props: Props) {
     const isMobileView = useSelector(getIsMobileView);
diff --git a/webapp/channels/src/components/channel_layout/channel_identifier_router/channel_identifier_router.tsx b/webapp/channels/src/components/channel_layout/channel_identifier_router/channel_identifier_router.tsx
index 12f9a832c6e..d81df5310a1 100644
--- a/webapp/channels/src/components/channel_layout/channel_identifier_router/channel_identifier_router.tsx
+++ b/webapp/channels/src/components/channel_layout/channel_identifier_router/channel_identifier_router.tsx
@@ -17,7 +17,7 @@ export type Match = match<{
     path: string;
 }>;
 
-export type MatchAndHistory = Pick<Props, 'match' | 'history'>
+export type MatchAndHistory = Pick<Props, 'match' | 'history'>;
 
 type Props = {
     match: Match;
diff --git a/webapp/channels/src/components/channel_members_modal/channel_members_modal.tsx b/webapp/channels/src/components/channel_members_modal/channel_members_modal.tsx
index b4291270a5d..13fbfc78476 100644
--- a/webapp/channels/src/components/channel_members_modal/channel_members_modal.tsx
+++ b/webapp/channels/src/components/channel_members_modal/channel_members_modal.tsx
@@ -35,11 +35,11 @@ type Props = {
     actions: {
         openModal: <P>(modalData: ModalData<P>) => void;
     };
-}
+};
 
 type State = {
     show: boolean;
-}
+};
 
 export default class ChannelMembersModal extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/channel_name_form_field/channel_name_form_field.tsx b/webapp/channels/src/components/channel_name_form_field/channel_name_form_field.tsx
index 79abcd6d6f1..bd3eb365a3a 100644
--- a/webapp/channels/src/components/channel_name_form_field/channel_name_form_field.tsx
+++ b/webapp/channels/src/components/channel_name_form_field/channel_name_form_field.tsx
@@ -33,7 +33,7 @@ export type Props = {
     urlError?: string;
     readOnly?: boolean;
     isEditingExistingChannel?: boolean;
-}
+};
 
 import './channel_name_form_field.scss';
 
diff --git a/webapp/channels/src/components/channel_notifications_modal/index.ts b/webapp/channels/src/components/channel_notifications_modal/index.ts
index 3022e415b0b..4c8e7d20e96 100644
--- a/webapp/channels/src/components/channel_notifications_modal/index.ts
+++ b/webapp/channels/src/components/channel_notifications_modal/index.ts
@@ -31,6 +31,6 @@ const mapDispatchToProps = (dispatch: Dispatch) => ({
 
 const connector = connect(mapStateToProps, mapDispatchToProps);
 
-export type PropsFromRedux = ConnectedProps<typeof connector>
+export type PropsFromRedux = ConnectedProps<typeof connector>;
 
 export default connector(ChannelNotificationsModal);
diff --git a/webapp/channels/src/components/channel_selector_modal/channel_selector_modal.tsx b/webapp/channels/src/components/channel_selector_modal/channel_selector_modal.tsx
index 71a6588d67f..e9725bfeddf 100644
--- a/webapp/channels/src/components/channel_selector_modal/channel_selector_modal.tsx
+++ b/webapp/channels/src/components/channel_selector_modal/channel_selector_modal.tsx
@@ -41,7 +41,7 @@ type Props = {
     excludeRemote?: boolean;
     customNoOptionsMessage?: React.ReactNode;
     isStacked?: boolean;
-}
+};
 
 type State = {
     values: ChannelWithTeamDataValue[];
@@ -49,7 +49,7 @@ type State = {
     search: boolean;
     loadingChannels: boolean;
     channels: ChannelWithTeamData[];
-}
+};
 
 const CHANNELS_PER_PAGE = 50;
 
diff --git a/webapp/channels/src/components/channel_settings_modal/channel_settings_archive_tab.tsx b/webapp/channels/src/components/channel_settings_modal/channel_settings_archive_tab.tsx
index aa2109c319d..471c4b1ddc0 100644
--- a/webapp/channels/src/components/channel_settings_modal/channel_settings_archive_tab.tsx
+++ b/webapp/channels/src/components/channel_settings_modal/channel_settings_archive_tab.tsx
@@ -15,7 +15,7 @@ import ConfirmationModal from 'components/confirm_modal';
 type ChannelSettingsArchiveTabProps = {
     channel: Channel;
     onHide: () => void;
-}
+};
 
 function ChannelSettingsArchiveTab({
     channel,
diff --git a/webapp/channels/src/components/channel_settings_modal/channel_settings_configuration_tab.tsx b/webapp/channels/src/components/channel_settings_modal/channel_settings_configuration_tab.tsx
index 7f14bf1c599..ae34b266bd6 100644
--- a/webapp/channels/src/components/channel_settings_modal/channel_settings_configuration_tab.tsx
+++ b/webapp/channels/src/components/channel_settings_modal/channel_settings_configuration_tab.tsx
@@ -60,7 +60,7 @@ type Props = {
     canManageChannelTranslation?: boolean;
     canManageBanner?: boolean;
     canManageSharedChannels?: boolean;
-}
+};
 
 function bannerHasChanges(originalBannerInfo: Channel['banner_info'], updatedBannerInfo: Channel['banner_info']): boolean {
     return (originalBannerInfo?.text?.trim() || '') !== (updatedBannerInfo?.text?.trim() || '') ||
diff --git a/webapp/channels/src/components/channel_view/input_loading.tsx b/webapp/channels/src/components/channel_view/input_loading.tsx
index 09fe76152d5..3823cf3406d 100644
--- a/webapp/channels/src/components/channel_view/input_loading.tsx
+++ b/webapp/channels/src/components/channel_view/input_loading.tsx
@@ -15,7 +15,7 @@ const TIME_TO_DISMISS = 2000;
 
 type Props = {
     updateWaitForLoader: (v: boolean) => void;
-}
+};
 
 const InputLoading = ({
     updateWaitForLoader,
diff --git a/webapp/channels/src/components/claim/claim_controller.tsx b/webapp/channels/src/components/claim/claim_controller.tsx
index daf96e2a007..8b215bee1bd 100644
--- a/webapp/channels/src/components/claim/claim_controller.tsx
+++ b/webapp/channels/src/components/claim/claim_controller.tsx
@@ -26,7 +26,7 @@ export interface PasswordConfig {
 
 type Location = {
     search: string;
-}
+};
 
 export type Props = {
     location: Location;
@@ -39,7 +39,7 @@ export type Props = {
     actions: {
         switchLdapToEmail: (ldapPassword: string, email: string, emailPassword: string, mfaCode?: string) => Promise<ActionResult<AuthChangeResponse>>;
     };
-}
+};
 
 export default class ClaimController extends React.PureComponent<Props> {
     render(): JSX.Element {
diff --git a/webapp/channels/src/components/claim/components/email_to_ldap.tsx b/webapp/channels/src/components/claim/components/email_to_ldap.tsx
index 625e78c4548..369f209bad2 100644
--- a/webapp/channels/src/components/claim/components/email_to_ldap.tsx
+++ b/webapp/channels/src/components/claim/components/email_to_ldap.tsx
@@ -20,7 +20,7 @@ type Props = {
     email: string | null;
     siteName?: string;
     ldapLoginFieldName?: string;
-}
+};
 
 export type SubmitOptions = {
     loginId: string;
@@ -28,7 +28,7 @@ export type SubmitOptions = {
     token?: string;
     ldapIdParam?: string;
     ldapPasswordParam?: string;
-}
+};
 
 const EmailToLDAP = ({email, siteName, ldapLoginFieldName}: Props) => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/claim/components/email_to_oauth.tsx b/webapp/channels/src/components/claim/components/email_to_oauth.tsx
index 19c934ad818..31543d495f7 100644
--- a/webapp/channels/src/components/claim/components/email_to_oauth.tsx
+++ b/webapp/channels/src/components/claim/components/email_to_oauth.tsx
@@ -22,7 +22,7 @@ type Props = {
     newType: string | null;
     email: string;
     siteName?: string;
-}
+};
 
 const EmailToOAuth = (props: Props) => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/claim/components/error_label.tsx b/webapp/channels/src/components/claim/components/error_label.tsx
index 8176978223b..0a8038c339a 100644
--- a/webapp/channels/src/components/claim/components/error_label.tsx
+++ b/webapp/channels/src/components/claim/components/error_label.tsx
@@ -5,7 +5,7 @@ import React, {memo} from 'react';
 
 type ErrorLabelProps = {
     errorText?: string | JSX.Element;
-}
+};
 
 const ErrorLabel = ({errorText}: ErrorLabelProps) => (errorText ? (
     <div className='form-group has-error'>
diff --git a/webapp/channels/src/components/claim/components/ldap_to_email.tsx b/webapp/channels/src/components/claim/components/ldap_to_email.tsx
index 36163a5e307..271eff8f4ba 100644
--- a/webapp/channels/src/components/claim/components/ldap_to_email.tsx
+++ b/webapp/channels/src/components/claim/components/ldap_to_email.tsx
@@ -24,7 +24,7 @@ type Props = {
     email: string | null;
     switchLdapToEmail: (ldapPassword: string, email: string, password: string, token: string) => Promise<ActionResult<AuthChangeResponse>>;
     passwordConfig?: PasswordConfig;
-}
+};
 
 const LDAPToEmail = (props: Props) => {
     const [passwordError, setPasswordError] = useState<string | JSX.Element>('');
diff --git a/webapp/channels/src/components/claim/components/oauth_to_email.tsx b/webapp/channels/src/components/claim/components/oauth_to_email.tsx
index ca53166aa70..1ba873e953a 100644
--- a/webapp/channels/src/components/claim/components/oauth_to_email.tsx
+++ b/webapp/channels/src/components/claim/components/oauth_to_email.tsx
@@ -23,7 +23,7 @@ type Props = {
     email: string | null;
     siteName?: string;
     passwordConfig?: PasswordConfig;
-}
+};
 
 const OAuthToEmail = (props: Props) => {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/code_block/code_block.tsx b/webapp/channels/src/components/code_block/code_block.tsx
index a480ccfbc48..5a69e85a350 100644
--- a/webapp/channels/src/components/code_block/code_block.tsx
+++ b/webapp/channels/src/components/code_block/code_block.tsx
@@ -18,7 +18,7 @@ type Props = {
     language: string;
     searchedContent?: string;
     channelId?: string;
-}
+};
 
 const CodeBlock: React.FC<Props> = ({code, language, searchedContent, channelId}: Props) => {
     const getUsedLanguage = useCallback(() => {
diff --git a/webapp/channels/src/components/common/accordion/accordion_card.tsx b/webapp/channels/src/components/common/accordion/accordion_card.tsx
index c804b91cb73..1692055a2c4 100644
--- a/webapp/channels/src/components/common/accordion/accordion_card.tsx
+++ b/webapp/channels/src/components/common/accordion/accordion_card.tsx
@@ -14,7 +14,7 @@ type Props = {
     isExpanded: boolean;
     onButtonClick: () => void;
     onHeaderClick?: <T>(ref: RefObject<HTMLLIElement>) => T | void;
-}
+};
 
 const AccordionCard = ({
     data,
diff --git a/webapp/channels/src/components/common/auto_height_switcher.tsx b/webapp/channels/src/components/common/auto_height_switcher.tsx
index cb31ad80f39..2f7d46a710f 100644
--- a/webapp/channels/src/components/common/auto_height_switcher.tsx
+++ b/webapp/channels/src/components/common/auto_height_switcher.tsx
@@ -26,7 +26,7 @@ const AutoHeightSwitcher = ({showSlot, onTransitionEnd, slot1 = null, slot2 = nu
     const wrapperRef = useRef<HTMLDivElement>(null);
     const childRef = useRef<HTMLDivElement>(null);
     const prevSlot = useRef<AutoHeightProps['showSlot']>(showSlot);
-    const prevHeight = useRef<number|null>(null);
+    const prevHeight = useRef<number | null>(null);
     const [animate, setAnimate] = useState<boolean>(false);
     const [height, setHeight] = useState<string | number>('auto');
     const [overflow, setOverflow] = useState<string>('visible');
diff --git a/webapp/channels/src/components/common/back_button.tsx b/webapp/channels/src/components/common/back_button.tsx
index fd0635ec989..6d0795ecae8 100644
--- a/webapp/channels/src/components/common/back_button.tsx
+++ b/webapp/channels/src/components/common/back_button.tsx
@@ -19,7 +19,7 @@ type Props = {
      * onClick handler when user clicks back button
      */
     onClick?: React.EventHandler<React.MouseEvent>;
-}
+};
 
 const BackButton = ({url = '/', className, onClick}: Props): JSX.Element => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/common/carousel/carousel.tsx b/webapp/channels/src/components/common/carousel/carousel.tsx
index 94c0c2086fe..ecbcc7e86d1 100644
--- a/webapp/channels/src/components/common/carousel/carousel.tsx
+++ b/webapp/channels/src/components/common/carousel/carousel.tsx
@@ -15,7 +15,7 @@ type Props = {
     disableNextButton?: boolean;
     btnsStyle?: BtnStyle; // chevron or bottom buttons
     actionButton?: JSX.Element;
-}
+};
 const Carousel = ({
     dataSlides,
     id,
diff --git a/webapp/channels/src/components/common/carousel/carousel_button.tsx b/webapp/channels/src/components/common/carousel/carousel_button.tsx
index 78f5e460552..2f2beb99058 100644
--- a/webapp/channels/src/components/common/carousel/carousel_button.tsx
+++ b/webapp/channels/src/components/common/carousel/carousel_button.tsx
@@ -16,7 +16,7 @@ type Props = {
     moveSlide: () => void;
     btnsStyle?: BtnStyle;
     disabled?: boolean;
-}
+};
 
 enum Destination {
     NEXT = 'next',
diff --git a/webapp/channels/src/components/common/chip/chip.tsx b/webapp/channels/src/components/common/chip/chip.tsx
index 56528ffad2e..8321fb8184c 100644
--- a/webapp/channels/src/components/common/chip/chip.tsx
+++ b/webapp/channels/src/components/common/chip/chip.tsx
@@ -20,9 +20,9 @@ type Props = {
     otherOption?: boolean;
     leadingIcon?: string;
     additionalMarkup?: React.ReactNode | React.ReactNodeArray;
-}
+};
 
-const StyledChip = styled.button<{ otherOption?: boolean }>`
+const StyledChip = styled.button<{otherOption?: boolean}>`
     display: flex;
     flex-shrink: 0;
     align-items: center;
diff --git a/webapp/channels/src/components/common/comment_icon.tsx b/webapp/channels/src/components/common/comment_icon.tsx
index 4d3f7b7a6a1..717a39119a7 100644
--- a/webapp/channels/src/components/common/comment_icon.tsx
+++ b/webapp/channels/src/components/common/comment_icon.tsx
@@ -17,7 +17,7 @@ type Props = {
     commentCount?: number;
     postId?: string;
     extraClass: string;
-}
+};
 
 const CommentIcon = ({
     location = 'CENTER',
diff --git a/webapp/channels/src/components/common/hooks/useEntity.ts b/webapp/channels/src/components/common/hooks/useEntity.ts
index c131d9f7cc1..cc5f79dab74 100644
--- a/webapp/channels/src/components/common/hooks/useEntity.ts
+++ b/webapp/channels/src/components/common/hooks/useEntity.ts
@@ -13,7 +13,7 @@ export type UseDataOptions<Entity, Identifier = string, State = GlobalState> = {
 
     fetch: (identifier: Identifier, ...fetchArgs: unknown[]) => Action | ThunkAction<unknown, State, unknown, Action>;
     selector: (state: State, identifier: Identifier) => Entity | undefined;
-}
+};
 
 export function makeUseEntity<Entity, Identifier = string, State = GlobalState>(options: UseDataOptions<Entity, Identifier, State>) {
     function useEntity(identifier: Identifier, ...fetchArgs: unknown[]): Entity | undefined {
diff --git a/webapp/channels/src/components/common/hooks/useGetNotifyAdmin.ts b/webapp/channels/src/components/common/hooks/useGetNotifyAdmin.ts
index 65daeb0eb77..8c679f79c54 100644
--- a/webapp/channels/src/components/common/hooks/useGetNotifyAdmin.ts
+++ b/webapp/channels/src/components/common/hooks/useGetNotifyAdmin.ts
@@ -25,11 +25,11 @@ type UseNotifyAdminArgs = {
         id: string;
         defaultMessage: string;
     };
-}
+};
 
 type NotifyAdminArgs = {
     requestData: NotifyAdminRequest;
-}
+};
 
 const messages = defineMessages({
     [NotifyStatus.Started]: {
diff --git a/webapp/channels/src/components/common/hooks/useOpenPricingModal.ts b/webapp/channels/src/components/common/hooks/useOpenPricingModal.ts
index 65986d7076d..81f01c8aa98 100644
--- a/webapp/channels/src/components/common/hooks/useOpenPricingModal.ts
+++ b/webapp/channels/src/components/common/hooks/useOpenPricingModal.ts
@@ -9,7 +9,7 @@ import useCWSAvailabilityCheck, {CSWAvailabilityCheckTypes} from './useCWSAvaila
 export type UseOpenPricingModalReturn = {
     openPricingModal: () => void;
     isAirGapped: boolean;
-}
+};
 
 export default function useOpenPricingModal(): UseOpenPricingModalReturn {
     const cwsAvailability = useCWSAvailabilityCheck();
diff --git a/webapp/channels/src/components/common/hooks/useSavePreferences.ts b/webapp/channels/src/components/common/hooks/useSavePreferences.ts
index 9a140c04ab9..8d0923305d2 100644
--- a/webapp/channels/src/components/common/hooks/useSavePreferences.ts
+++ b/webapp/channels/src/components/common/hooks/useSavePreferences.ts
@@ -9,7 +9,7 @@ import type {PreferenceType} from '@mattermost/types/preferences';
 import {savePreferences} from 'mattermost-redux/actions/preferences';
 import {getCurrentUserId} from 'mattermost-redux/selectors/entities/users';
 
-type MinimalPreferenceType = Omit<PreferenceType, 'user_id'>
+type MinimalPreferenceType = Omit<PreferenceType, 'user_id'>;
 export default function useSavePreferences(): (preferences: MinimalPreferenceType | MinimalPreferenceType[]) => void {
     const userId = useSelector(getCurrentUserId);
     const dispatch = useDispatch();
@@ -21,7 +21,7 @@ export default function useSavePreferences(): (preferences: MinimalPreferenceTyp
     }, [dispatch, userId]);
 }
 
-type MinimalBoolPreferenceType = Omit<MinimalPreferenceType, 'value'> & {value?: boolean}
+type MinimalBoolPreferenceType = Omit<MinimalPreferenceType, 'value'> & {value?: boolean};
 
 export function useSaveBool(): (preference: MinimalBoolPreferenceType) => void {
     const savePreference = useSavePreferences();
diff --git a/webapp/channels/src/components/common/hooks/use_external_link.ts b/webapp/channels/src/components/common/hooks/use_external_link.ts
index b05606ea0cc..6f5c3833541 100644
--- a/webapp/channels/src/components/common/hooks/use_external_link.ts
+++ b/webapp/channels/src/components/common/hooks/use_external_link.ts
@@ -15,7 +15,7 @@ export type ExternalLinkQueryParams = {
     utm_campaign?: string;
     utm_content?: string;
     userId?: string;
-}
+};
 
 /**
  * useExternalLink is used when linking outside of the MM server to add extra tracking parameters when linking to any
diff --git a/webapp/channels/src/components/common/multi_select_cards/index.tsx b/webapp/channels/src/components/common/multi_select_cards/index.tsx
index 77041c6f41e..6cd684752fd 100644
--- a/webapp/channels/src/components/common/multi_select_cards/index.tsx
+++ b/webapp/channels/src/components/common/multi_select_cards/index.tsx
@@ -11,7 +11,7 @@ type Props = {
     next?: () => void;
     cards: CardProps[];
     size?: 'regular' | 'small';
-}
+};
 
 export default function MultiSelectCards(props: Props) {
     const size = props.size || 'regular';
diff --git a/webapp/channels/src/components/common/multi_select_cards/multi_select_card.tsx b/webapp/channels/src/components/common/multi_select_cards/multi_select_card.tsx
index 1656c5d8c3f..364d91c33af 100644
--- a/webapp/channels/src/components/common/multi_select_cards/multi_select_card.tsx
+++ b/webapp/channels/src/components/common/multi_select_cards/multi_select_card.tsx
@@ -15,7 +15,7 @@ export type Props = {
     checked: boolean;
     tooltip?: string;
     size?: 'regular' | 'small';
-}
+};
 const MultiSelectCard = (props: Props) => {
     const buttonProps: {
         className: string;
diff --git a/webapp/channels/src/components/common/plan_label/index.tsx b/webapp/channels/src/components/common/plan_label/index.tsx
index 5f38c24884f..8f1b4fff869 100644
--- a/webapp/channels/src/components/common/plan_label/index.tsx
+++ b/webapp/channels/src/components/common/plan_label/index.tsx
@@ -19,12 +19,12 @@ type PlanLabelProps = {
     firstSvg: JSX.Element;
     secondSvg?: JSX.Element;
     renderLastDaysOnTrial?: boolean;
-}
+};
 
 type StyledProps = {
     bgColor?: string;
     color?: string;
-}
+};
 
 const StyledPlanLabel = styled.div<StyledProps>`
 background-color: ${(props) => props.bgColor};
diff --git a/webapp/channels/src/components/common/radio_group.tsx b/webapp/channels/src/components/common/radio_group.tsx
index e75c55a10dd..36cf1f23b47 100644
--- a/webapp/channels/src/components/common/radio_group.tsx
+++ b/webapp/channels/src/components/common/radio_group.tsx
@@ -8,14 +8,14 @@ import Tag from 'components/widgets/tag/tag';
 
 type RadioGroupProps = {
     id: string;
-    values: Array<{ key: React.ReactNode | React.ReactNodeArray; value: string; testId?: string}>;
+    values: Array<{key: React.ReactNode | React.ReactNodeArray; value: string; testId?: string}>;
     value: string;
     badge?: {matchVal: string; badgeContent: ReactNode; extraClass?: string} | undefined | null;
     sideLegend?: {matchVal: string; text: ReactNode};
     isDisabled?: null | ((id: string) => boolean);
     onChange(e: React.ChangeEvent<HTMLInputElement>): void;
     testId?: string;
-}
+};
 const RadioButtonGroup = ({
     id,
     onChange,
diff --git a/webapp/channels/src/components/common/select_text_input/select_text_input.tsx b/webapp/channels/src/components/common/select_text_input/select_text_input.tsx
index f69a540974f..f04b98a1055 100644
--- a/webapp/channels/src/components/common/select_text_input/select_text_input.tsx
+++ b/webapp/channels/src/components/common/select_text_input/select_text_input.tsx
@@ -25,7 +25,7 @@ type Props = {
     id?: string;
     isClearable?: boolean;
     description?: string;
-}
+};
 
 const styles = {
     control: (baseStyles) => ({
diff --git a/webapp/channels/src/components/common/svg_images_components/airgapped_trial_activation_confirm_svg.tsx b/webapp/channels/src/components/common/svg_images_components/airgapped_trial_activation_confirm_svg.tsx
index 30cdf300a3b..2772298a21b 100644
--- a/webapp/channels/src/components/common/svg_images_components/airgapped_trial_activation_confirm_svg.tsx
+++ b/webapp/channels/src/components/common/svg_images_components/airgapped_trial_activation_confirm_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     height?: number;
     width?: number;
-}
+};
 
 const AirgappedTrialActivationConfirmSvg = ({height = 474, width = 578}: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/common/svg_images_components/channels_svg.tsx b/webapp/channels/src/components/common/svg_images_components/channels_svg.tsx
index 1205049113d..c9422f74182 100644
--- a/webapp/channels/src/components/common/svg_images_components/channels_svg.tsx
+++ b/webapp/channels/src/components/common/svg_images_components/channels_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width?: number;
     height?: number;
-}
+};
 
 export default (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/common/svg_images_components/cloud_trial_svg.tsx b/webapp/channels/src/components/common/svg_images_components/cloud_trial_svg.tsx
index 60daf0230c1..6f4287bbf67 100644
--- a/webapp/channels/src/components/common/svg_images_components/cloud_trial_svg.tsx
+++ b/webapp/channels/src/components/common/svg_images_components/cloud_trial_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width: number;
     height: number;
-}
+};
 
 const CloudTrialSvg = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/common/svg_images_components/company_svg.tsx b/webapp/channels/src/components/common/svg_images_components/company_svg.tsx
index 7e9fab2af7f..a944875208e 100644
--- a/webapp/channels/src/components/common/svg_images_components/company_svg.tsx
+++ b/webapp/channels/src/components/common/svg_images_components/company_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width: number;
     height: number;
-}
+};
 
 const CompanySvg = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/common/svg_images_components/credit_card_svg.tsx b/webapp/channels/src/components/common/svg_images_components/credit_card_svg.tsx
index b62859f7407..ad8ca1ada3c 100644
--- a/webapp/channels/src/components/common/svg_images_components/credit_card_svg.tsx
+++ b/webapp/channels/src/components/common/svg_images_components/credit_card_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width: number;
     height: number;
-}
+};
 
 const CreditCardSvg = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/common/svg_images_components/email_inbox_svg.tsx b/webapp/channels/src/components/common/svg_images_components/email_inbox_svg.tsx
index 34cfa7dda9d..9bfbe825b7b 100644
--- a/webapp/channels/src/components/common/svg_images_components/email_inbox_svg.tsx
+++ b/webapp/channels/src/components/common/svg_images_components/email_inbox_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width?: number;
     height?: number;
-}
+};
 
 const Svg = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/common/svg_images_components/empty_billing_history_svg.tsx b/webapp/channels/src/components/common/svg_images_components/empty_billing_history_svg.tsx
index 41d96c137a2..455be5f3307 100644
--- a/webapp/channels/src/components/common/svg_images_components/empty_billing_history_svg.tsx
+++ b/webapp/channels/src/components/common/svg_images_components/empty_billing_history_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width: number;
     height: number;
-}
+};
 
 const EmptyBillingHistorySvg = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/common/svg_images_components/gears_svg.tsx b/webapp/channels/src/components/common/svg_images_components/gears_svg.tsx
index 613a3599ec0..308b4dcd9b5 100644
--- a/webapp/channels/src/components/common/svg_images_components/gears_svg.tsx
+++ b/webapp/channels/src/components/common/svg_images_components/gears_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width?: number;
     height?: number;
-}
+};
 
 const SvgComponent = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/common/svg_images_components/guest_access_svg.tsx b/webapp/channels/src/components/common/svg_images_components/guest_access_svg.tsx
index a5bf64eb816..1851b9156f3 100644
--- a/webapp/channels/src/components/common/svg_images_components/guest_access_svg.tsx
+++ b/webapp/channels/src/components/common/svg_images_components/guest_access_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width?: number;
     height?: number;
-}
+};
 
 const GuestAccessSVG = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/common/svg_images_components/handshake_svg.tsx b/webapp/channels/src/components/common/svg_images_components/handshake_svg.tsx
index 85100fef0dc..ea5d764630b 100644
--- a/webapp/channels/src/components/common/svg_images_components/handshake_svg.tsx
+++ b/webapp/channels/src/components/common/svg_images_components/handshake_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width?: number;
     height?: number;
-}
+};
 
 const SvgComponent = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/common/svg_images_components/ip_filtering_earth_svg.tsx b/webapp/channels/src/components/common/svg_images_components/ip_filtering_earth_svg.tsx
index 5b9083dfcae..5e49e613660 100644
--- a/webapp/channels/src/components/common/svg_images_components/ip_filtering_earth_svg.tsx
+++ b/webapp/channels/src/components/common/svg_images_components/ip_filtering_earth_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width: number;
     height: number;
-}
+};
 
 const IPFilteringEarthSvg = ({width, height}: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/common/svg_images_components/laptop_with_warning_symbol_svg.tsx b/webapp/channels/src/components/common/svg_images_components/laptop_with_warning_symbol_svg.tsx
index dafef4fb56a..63b3d823fba 100644
--- a/webapp/channels/src/components/common/svg_images_components/laptop_with_warning_symbol_svg.tsx
+++ b/webapp/channels/src/components/common/svg_images_components/laptop_with_warning_symbol_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width?: number;
     height?: number;
-}
+};
 
 const Svg = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/common/svg_images_components/logo_dark_blue_svg.tsx b/webapp/channels/src/components/common/svg_images_components/logo_dark_blue_svg.tsx
index afdd04ac2c9..523e2056325 100644
--- a/webapp/channels/src/components/common/svg_images_components/logo_dark_blue_svg.tsx
+++ b/webapp/channels/src/components/common/svg_images_components/logo_dark_blue_svg.tsx
@@ -8,7 +8,7 @@ type Props = {
     width?: number;
     height?: number;
     className?: string;
-}
+};
 
 const Svg = styled.svg.attrs({
     version: '1.1',
diff --git a/webapp/channels/src/components/common/svg_images_components/moon_svg.tsx b/webapp/channels/src/components/common/svg_images_components/moon_svg.tsx
index 0e97e953ad1..c5efff8d6e8 100644
--- a/webapp/channels/src/components/common/svg_images_components/moon_svg.tsx
+++ b/webapp/channels/src/components/common/svg_images_components/moon_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type Props = {
     title?: string;
     className?: string;
-}
+};
 
 export default function Moon(props: Props) {
     return (
diff --git a/webapp/channels/src/components/common/svg_images_components/payment_failed_svg.tsx b/webapp/channels/src/components/common/svg_images_components/payment_failed_svg.tsx
index c6bdd59e140..4754075ca64 100644
--- a/webapp/channels/src/components/common/svg_images_components/payment_failed_svg.tsx
+++ b/webapp/channels/src/components/common/svg_images_components/payment_failed_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width: number;
     height: number;
-}
+};
 
 const PaymentFailedSvg = ({width, height}: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/common/svg_images_components/payment_success_standard_svg.tsx b/webapp/channels/src/components/common/svg_images_components/payment_success_standard_svg.tsx
index 188d6accf65..bc4fa7ab835 100644
--- a/webapp/channels/src/components/common/svg_images_components/payment_success_standard_svg.tsx
+++ b/webapp/channels/src/components/common/svg_images_components/payment_success_standard_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width: number;
     height: number;
-}
+};
 
 const PaymentSuccessStandardSvg = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/common/svg_images_components/person_with_checklist_svg.tsx b/webapp/channels/src/components/common/svg_images_components/person_with_checklist_svg.tsx
index 29ec4a21e2c..97d28e9bd88 100644
--- a/webapp/channels/src/components/common/svg_images_components/person_with_checklist_svg.tsx
+++ b/webapp/channels/src/components/common/svg_images_components/person_with_checklist_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width: number;
     height: number;
-}
+};
 
 const PersonWithChecklistSvg = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/common/svg_images_components/phone_svg.tsx b/webapp/channels/src/components/common/svg_images_components/phone_svg.tsx
index 32036df01f9..1db0a1a5930 100644
--- a/webapp/channels/src/components/common/svg_images_components/phone_svg.tsx
+++ b/webapp/channels/src/components/common/svg_images_components/phone_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width?: number;
     height?: number;
-}
+};
 
 const SvgComponent = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/common/svg_images_components/private_cloud_svg.tsx b/webapp/channels/src/components/common/svg_images_components/private_cloud_svg.tsx
index 1b8bcd51f02..b55e19e1b26 100644
--- a/webapp/channels/src/components/common/svg_images_components/private_cloud_svg.tsx
+++ b/webapp/channels/src/components/common/svg_images_components/private_cloud_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width: number;
     height: number;
-}
+};
 
 const PrivateCloudSvg = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/common/svg_images_components/security_svg.tsx b/webapp/channels/src/components/common/svg_images_components/security_svg.tsx
index 54f5f313db6..0e525bcef2d 100644
--- a/webapp/channels/src/components/common/svg_images_components/security_svg.tsx
+++ b/webapp/channels/src/components/common/svg_images_components/security_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width?: number;
     height?: number;
-}
+};
 
 const SvgComponent = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/common/svg_images_components/shield_with_checkmark_svg.tsx b/webapp/channels/src/components/common/svg_images_components/shield_with_checkmark_svg.tsx
index 386f47cb937..3655183c069 100644
--- a/webapp/channels/src/components/common/svg_images_components/shield_with_checkmark_svg.tsx
+++ b/webapp/channels/src/components/common/svg_images_components/shield_with_checkmark_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width?: number;
     height?: number;
-}
+};
 
 const Svg = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/common/svg_images_components/success_svg.tsx b/webapp/channels/src/components/common/svg_images_components/success_svg.tsx
index f091c2729d2..9afbec5f605 100644
--- a/webapp/channels/src/components/common/svg_images_components/success_svg.tsx
+++ b/webapp/channels/src/components/common/svg_images_components/success_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width: number;
     height: number;
-}
+};
 
 const SuccessSvg = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/common/svg_images_components/sunglasses_svg.tsx b/webapp/channels/src/components/common/svg_images_components/sunglasses_svg.tsx
index 2e78cc8ff37..cafc43b8d36 100644
--- a/webapp/channels/src/components/common/svg_images_components/sunglasses_svg.tsx
+++ b/webapp/channels/src/components/common/svg_images_components/sunglasses_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width?: number;
     height?: number;
-}
+};
 
 const SvgComponent = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/common/svg_images_components/upgrade_svg.tsx b/webapp/channels/src/components/common/svg_images_components/upgrade_svg.tsx
index 6c6c585c85a..88c4e284df0 100644
--- a/webapp/channels/src/components/common/svg_images_components/upgrade_svg.tsx
+++ b/webapp/channels/src/components/common/svg_images_components/upgrade_svg.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type SvgProps = {
     width: number;
     height: number;
-}
+};
 
 const UpgradeSvg = (props: SvgProps) => (
     <svg
diff --git a/webapp/channels/src/components/common/usage_percent_bar/index.tsx b/webapp/channels/src/components/common/usage_percent_bar/index.tsx
index a00d13a852e..322bca445b7 100644
--- a/webapp/channels/src/components/common/usage_percent_bar/index.tsx
+++ b/webapp/channels/src/components/common/usage_percent_bar/index.tsx
@@ -11,7 +11,7 @@ type Thresholds = {
     warn: number;
     danger: number;
     exceeded: number;
-}
+};
 
 type Props = {
 
@@ -19,7 +19,7 @@ type Props = {
     percent: number;
     thresholds?: Thresholds;
     barWidth?: number | string;
-}
+};
 
 const defaultThresholds = limitThresholds;
 
@@ -27,7 +27,7 @@ type BarBackgroundProps = {
     width: number | string;
     thresholds: Thresholds;
     percent: number;
-}
+};
 
 const BarBackground = styled.div<BarBackgroundProps>`
     height: ${(props) => (typeof props.width === 'number' ? Math.ceil(props.width / 20).toString() + 'px' : '8px')};
@@ -43,7 +43,7 @@ type BarForegroundProps = {
     width: number | string;
     percent: number;
     thresholds: Thresholds;
-}
+};
 
 function getColor(percent: number, thresholds: Thresholds): string {
     switch (true) {
diff --git a/webapp/channels/src/components/component_library/hooks.tsx b/webapp/channels/src/components/component_library/hooks.tsx
index dc81a560a0c..80b2cb578ff 100644
--- a/webapp/channels/src/components/component_library/hooks.tsx
+++ b/webapp/channels/src/components/component_library/hooks.tsx
@@ -8,7 +8,7 @@ import './component_library.scss';
 type HookResult<T> = [
     {[x: string]: T},
     JSX.Element,
-]
+];
 export const useStringProp = (
     propName: string,
     defaultValue: string,
diff --git a/webapp/channels/src/components/component_library/index.tsx b/webapp/channels/src/components/component_library/index.tsx
index d523a64f4d4..835d49fc61d 100644
--- a/webapp/channels/src/components/component_library/index.tsx
+++ b/webapp/channels/src/components/component_library/index.tsx
@@ -18,7 +18,7 @@ const componentMap = {
     'Section Notice': SectionNoticeComponentLibrary,
 };
 
-type ComponentName = keyof typeof componentMap
+type ComponentName = keyof typeof componentMap;
 const defaultComponent = Object.keys(componentMap)[0] as ComponentName;
 
 type ThemeName = keyof typeof Preferences.THEMES;
diff --git a/webapp/channels/src/components/convert_channel_modal/convert_channel_modal.tsx b/webapp/channels/src/components/convert_channel_modal/convert_channel_modal.tsx
index c27b2b793b2..8b5cd58c5c0 100644
--- a/webapp/channels/src/components/convert_channel_modal/convert_channel_modal.tsx
+++ b/webapp/channels/src/components/convert_channel_modal/convert_channel_modal.tsx
@@ -23,11 +23,11 @@ type Props = {
     actions: {
         updateChannelPrivacy: (channelId: string, privacy: string) => void;
     };
-}
+};
 
 type State = {
     show: boolean;
-}
+};
 
 export default class ConvertChannelModal extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/convert_gm_to_channel_modal/convert_gm_to_channel_modal.tsx b/webapp/channels/src/components/convert_gm_to_channel_modal/convert_gm_to_channel_modal.tsx
index 1ae4875a1f1..240ab79f001 100644
--- a/webapp/channels/src/components/convert_gm_to_channel_modal/convert_gm_to_channel_modal.tsx
+++ b/webapp/channels/src/components/convert_gm_to_channel_modal/convert_gm_to_channel_modal.tsx
@@ -38,7 +38,7 @@ export type Props = {
     profilesInChannel: UserProfile[];
     teammateNameDisplaySetting: string;
     currentUserId: string;
-}
+};
 
 const ConvertGmToChannelModal = (props: Props) => {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/convert_gm_to_channel_modal/index.ts b/webapp/channels/src/components/convert_gm_to_channel_modal/index.ts
index 7aeb5178035..d735e894516 100644
--- a/webapp/channels/src/components/convert_gm_to_channel_modal/index.ts
+++ b/webapp/channels/src/components/convert_gm_to_channel_modal/index.ts
@@ -24,7 +24,7 @@ import ConvertGmToChannelModal from './convert_gm_to_channel_modal';
 
 type OwnProps = {
     channel: Channel;
-}
+};
 function makeMapStateToProps() {
     const getProfilesInChannel = makeGetProfilesInChannel();
 
@@ -45,7 +45,7 @@ export type Actions = {
     closeModal: (modalID: string) => void;
     convertGroupMessageToPrivateChannel: (channelID: string, teamID: string, displayName: string, name: string) => Promise<ActionResult>;
     moveChannelsInSidebar: (categoryId: string, targetIndex: number, draggableChannelId: string, setManualSorting?: boolean) => void;
-}
+};
 
 function mapDispatchToProps(dispatch: Dispatch) {
     return {
diff --git a/webapp/channels/src/components/convert_gm_to_channel_modal/team_selector/team_selector.tsx b/webapp/channels/src/components/convert_gm_to_channel_modal/team_selector/team_selector.tsx
index e4e253f5fdb..bdf4b6d0670 100644
--- a/webapp/channels/src/components/convert_gm_to_channel_modal/team_selector/team_selector.tsx
+++ b/webapp/channels/src/components/convert_gm_to_channel_modal/team_selector/team_selector.tsx
@@ -15,7 +15,7 @@ import DropdownInput from 'components/dropdown_input';
 export type Props = {
     teamsById: {[id: string]: Team};
     onChange: (teamId: string) => void;
-}
+};
 
 const TeamSelector = (props: Props): JSX.Element => {
     const [value, setValue] = useState<Team>();
diff --git a/webapp/channels/src/components/convert_gm_to_channel_modal/warning_text_section/warning_text_section.tsx b/webapp/channels/src/components/convert_gm_to_channel_modal/warning_text_section/warning_text_section.tsx
index 97728f3a3c4..8758a8b4846 100644
--- a/webapp/channels/src/components/convert_gm_to_channel_modal/warning_text_section/warning_text_section.tsx
+++ b/webapp/channels/src/components/convert_gm_to_channel_modal/warning_text_section/warning_text_section.tsx
@@ -8,7 +8,7 @@ import SectionNotice from 'components/section_notice';
 
 export type Props = {
     channelMemberNames: string[];
-}
+};
 const WarningTextSection = (props: Props): JSX.Element => {
     const intl = useIntl();
 
diff --git a/webapp/channels/src/components/create_user_groups_modal/create_user_groups_modal.tsx b/webapp/channels/src/components/create_user_groups_modal/create_user_groups_modal.tsx
index aad5f62c224..0de0feabaf2 100644
--- a/webapp/channels/src/components/create_user_groups_modal/create_user_groups_modal.tsx
+++ b/webapp/channels/src/components/create_user_groups_modal/create_user_groups_modal.tsx
@@ -28,7 +28,7 @@ export type Props = {
         openModal: <P>(modalData: ModalData<P>) => void;
     };
     intl: IntlShape;
-}
+};
 
 type State = {
     show: boolean;
@@ -42,7 +42,7 @@ type State = {
     showUnknownError: boolean;
     saving: boolean;
     saved: boolean;
-}
+};
 
 export class CreateUserGroupsModal extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/custom_status/expiry_menu.tsx b/webapp/channels/src/components/custom_status/expiry_menu.tsx
index c71e06e1389..c67bd18d94c 100644
--- a/webapp/channels/src/components/custom_status/expiry_menu.tsx
+++ b/webapp/channels/src/components/custom_status/expiry_menu.tsx
@@ -16,13 +16,13 @@ import ExpiryTime from './expiry_time';
 type ExpiryMenuItem = {
     text: string;
     value: string;
-}
+};
 
 type Props = {
     duration: CustomStatusDuration;
     expiryTime?: string;
     handleDurationChange: (expiryValue: CustomStatusDuration) => void;
-}
+};
 
 const {
     DONT_CLEAR,
@@ -40,7 +40,7 @@ const ExpiryMenu: React.FC<Props> = (props: Props) => {
     const {formatMessage} = useIntl();
     const [menuItems, setMenuItems] = useState<JSX.Element[]>([]);
 
-    const expiryMenuItems: { [key in CustomStatusDuration]?: ExpiryMenuItem } = {
+    const expiryMenuItems: {[key in CustomStatusDuration]?: ExpiryMenuItem} = {
         [DONT_CLEAR]: {
             text: formatMessage(durationValues[DONT_CLEAR]),
             value: formatMessage(durationValues[DONT_CLEAR]),
diff --git a/webapp/channels/src/components/data_prefetch/actions.ts b/webapp/channels/src/components/data_prefetch/actions.ts
index 22f98f0f707..c44063d2b37 100644
--- a/webapp/channels/src/components/data_prefetch/actions.ts
+++ b/webapp/channels/src/components/data_prefetch/actions.ts
@@ -10,7 +10,7 @@ import {memoizeResult} from 'mattermost-redux/utils/helpers';
 enum Priority {
     high = 1,
     medium,
-    low
+    low,
 }
 
 enum PrefetchLimits {
diff --git a/webapp/channels/src/components/data_prefetch/data_prefetch.tsx b/webapp/channels/src/components/data_prefetch/data_prefetch.tsx
index 1507a54655d..c7013100655 100644
--- a/webapp/channels/src/components/data_prefetch/data_prefetch.tsx
+++ b/webapp/channels/src/components/data_prefetch/data_prefetch.tsx
@@ -27,7 +27,7 @@ type Props = {
     actions: {
         prefetchChannelPosts: (channelId: string, delay?: number) => Promise<ActionResult>;
     };
-}
+};
 
 /*
     This component is responsible for prefetching data. As of now component only fetches for channel posts based on the below set of rules.
diff --git a/webapp/channels/src/components/date_picker/date_picker.tsx b/webapp/channels/src/components/date_picker/date_picker.tsx
index e13f1ac4292..3783446e169 100644
--- a/webapp/channels/src/components/date_picker/date_picker.tsx
+++ b/webapp/channels/src/components/date_picker/date_picker.tsx
@@ -30,7 +30,7 @@ type Props = {
     label?: string;
     icon?: React.ReactNode;
     value?: string;
-}
+};
 
 const DatePicker = ({children, datePickerProps, isPopperOpen, handlePopperOpenState, locale, label, icon, value}: Props) => {
     const [loadedLocales, setLoadedLocales] = useState<Record<string, Locale>>({});
diff --git a/webapp/channels/src/components/datetime_input/datetime_input.tsx b/webapp/channels/src/components/datetime_input/datetime_input.tsx
index fc289d27c20..f80e55abe8f 100644
--- a/webapp/channels/src/components/datetime_input/datetime_input.tsx
+++ b/webapp/channels/src/components/datetime_input/datetime_input.tsx
@@ -119,7 +119,7 @@ type TimeInputManualProps = {
     onTimeChange: (time: Moment) => void;
     minDateTime?: Moment;
     maxDateTime?: Moment;
-}
+};
 
 const TimeInputManual: React.FC<TimeInputManualProps> = ({
     time,
@@ -232,7 +232,7 @@ type Props = {
     manualTimeEntry?: boolean;
     minDateTime?: Moment;
     maxDateTime?: Moment;
-}
+};
 
 const DateTimeInputContainer: React.FC<Props> = ({
     time,
diff --git a/webapp/channels/src/components/deferComponentRender.tsx b/webapp/channels/src/components/deferComponentRender.tsx
index 12a4ce887c5..b91d942733d 100644
--- a/webapp/channels/src/components/deferComponentRender.tsx
+++ b/webapp/channels/src/components/deferComponentRender.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 
 type DeferredRenderWrapperState = {
     shouldRender: boolean;
-}
+};
 
 /**
  * Allows two animation frames to complete to allow other components to update
diff --git a/webapp/channels/src/components/delete_channel_modal/delete_channel_modal.tsx b/webapp/channels/src/components/delete_channel_modal/delete_channel_modal.tsx
index 04455c82193..3740018584e 100644
--- a/webapp/channels/src/components/delete_channel_modal/delete_channel_modal.tsx
+++ b/webapp/channels/src/components/delete_channel_modal/delete_channel_modal.tsx
@@ -16,11 +16,11 @@ export type Props = {
     actions: {
         deleteChannel: (channelId: string) => void;
     };
-}
+};
 
 type State = {
     show: boolean;
-}
+};
 
 export default class DeleteChannelModal extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/delete_post_modal/delete_post_modal.tsx b/webapp/channels/src/components/delete_post_modal/delete_post_modal.tsx
index d3fb36b1cec..f0c532e771c 100644
--- a/webapp/channels/src/components/delete_post_modal/delete_post_modal.tsx
+++ b/webapp/channels/src/components/delete_post_modal/delete_post_modal.tsx
@@ -30,11 +30,11 @@ type Props = {
     location: {
         pathname: string;
     };
-}
+};
 
 type State = {
     show: boolean;
-}
+};
 
 export default class DeletePostModal extends React.PureComponent<Props, State> {
     deletePostBtn: React.RefObject<HTMLButtonElement>;
diff --git a/webapp/channels/src/components/delete_post_modal/index.ts b/webapp/channels/src/components/delete_post_modal/index.ts
index 5211c0ca4cc..7ca6c53749f 100644
--- a/webapp/channels/src/components/delete_post_modal/index.ts
+++ b/webapp/channels/src/components/delete_post_modal/index.ts
@@ -29,7 +29,7 @@ type Props = {
     location: {
         pathname: string;
     };
-}
+};
 
 function makeMapStateToProps() {
     const getReplyCount = makeGetCommentCountForPost();
diff --git a/webapp/channels/src/components/desktop_auth_token.tsx b/webapp/channels/src/components/desktop_auth_token.tsx
index 35b71f2e1f0..10d029c2961 100644
--- a/webapp/channels/src/components/desktop_auth_token.tsx
+++ b/webapp/channels/src/components/desktop_auth_token.tsx
@@ -33,7 +33,7 @@ enum DesktopAuthStatus {
 type Props = {
     href: string;
     onLogin: () => void;
-}
+};
 
 const DesktopAuthToken: React.FC<Props> = ({href, onLogin}: Props) => {
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/disable_autotranslation_modal.tsx b/webapp/channels/src/components/disable_autotranslation_modal.tsx
index dcdd1626001..3fb50ee5ebf 100644
--- a/webapp/channels/src/components/disable_autotranslation_modal.tsx
+++ b/webapp/channels/src/components/disable_autotranslation_modal.tsx
@@ -18,7 +18,7 @@ import {ModalIdentifiers} from 'utils/constants';
 
 type Props = {
     channel: Channel;
-}
+};
 
 const DisableAutotranslationModal = ({channel}: Props) => {
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/discard_changes_modal.tsx b/webapp/channels/src/components/discard_changes_modal.tsx
index acf21a2ba4c..98db14ceba1 100644
--- a/webapp/channels/src/components/discard_changes_modal.tsx
+++ b/webapp/channels/src/components/discard_changes_modal.tsx
@@ -10,7 +10,7 @@ type Props = {
     show: boolean;
     onConfirm: (checked: boolean) => void;
     onCancel: (checked: boolean) => void;
-}
+};
 
 const DiscardChangesModal = ({
     show,
diff --git a/webapp/channels/src/components/dnd_custom_time_picker_modal/dnd_custom_time_picker_modal.tsx b/webapp/channels/src/components/dnd_custom_time_picker_modal/dnd_custom_time_picker_modal.tsx
index 8be4e2dbb11..76e17ba41ce 100644
--- a/webapp/channels/src/components/dnd_custom_time_picker_modal/dnd_custom_time_picker_modal.tsx
+++ b/webapp/channels/src/components/dnd_custom_time_picker_modal/dnd_custom_time_picker_modal.tsx
@@ -30,7 +30,7 @@ type Props = {
 
 type State = {
     selectedDateTime: moment.Moment;
-}
+};
 
 export default injectIntl(class DndCustomTimePicker extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/dot_menu/dot_menu.tsx b/webapp/channels/src/components/dot_menu/dot_menu.tsx
index 82b798b6715..82a6d689d2b 100644
--- a/webapp/channels/src/components/dot_menu/dot_menu.tsx
+++ b/webapp/channels/src/components/dot_menu/dot_menu.tsx
@@ -175,12 +175,12 @@ type Props = {
     isChannelAutotranslated: boolean;
     isBurnOnReadPost: boolean;
     isUnrevealedBurnOnReadPost: boolean;
-}
+};
 
 type State = {
     canEdit: boolean;
     canDelete: boolean;
-}
+};
 
 export class DotMenuClass extends React.PureComponent<Props, State> {
     public static defaultProps: Partial<Props> = {
diff --git a/webapp/channels/src/components/dot_menu/post_reminder_submenu.tsx b/webapp/channels/src/components/dot_menu/post_reminder_submenu.tsx
index 3f958f5ea63..028fd38c04a 100644
--- a/webapp/channels/src/components/dot_menu/post_reminder_submenu.tsx
+++ b/webapp/channels/src/components/dot_menu/post_reminder_submenu.tsx
@@ -24,7 +24,7 @@ type Props = {
     post: Post;
     isMilitaryTime: boolean;
     timezone?: string;
-}
+};
 
 const PostReminders = {
     THIRTY_MINUTES: 'thirty_minutes',
diff --git a/webapp/channels/src/components/drafts/draft_actions/delete_draft_modal.tsx b/webapp/channels/src/components/drafts/draft_actions/delete_draft_modal.tsx
index a80175aa246..53d0830a1c6 100644
--- a/webapp/channels/src/components/drafts/draft_actions/delete_draft_modal.tsx
+++ b/webapp/channels/src/components/drafts/draft_actions/delete_draft_modal.tsx
@@ -11,7 +11,7 @@ type Props = {
     displayName: string;
     onConfirm: () => void;
     onExited: () => void;
-}
+};
 
 function DeleteDraftModal({
     displayName,
diff --git a/webapp/channels/src/components/drafts/draft_actions/draft_actions.tsx b/webapp/channels/src/components/drafts/draft_actions/draft_actions.tsx
index 0745374bf5b..5d8b8e9a61b 100644
--- a/webapp/channels/src/components/drafts/draft_actions/draft_actions.tsx
+++ b/webapp/channels/src/components/drafts/draft_actions/draft_actions.tsx
@@ -32,7 +32,7 @@ type Props = {
     canSend: boolean;
     onSchedule: (timestamp: number) => Promise<{error?: string}>;
     channelId: string;
-}
+};
 
 function DraftActions({
     displayName,
diff --git a/webapp/channels/src/components/drafts/draft_actions/index.ts b/webapp/channels/src/components/drafts/draft_actions/index.ts
index 83c63728dc9..6c7a085433b 100644
--- a/webapp/channels/src/components/drafts/draft_actions/index.ts
+++ b/webapp/channels/src/components/drafts/draft_actions/index.ts
@@ -21,7 +21,7 @@ type OwnProps = {
     channelType: Channel['type'];
     channelName: Channel['name'];
     userId: string;
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     const {channelDisplayName, userId, channelName, channelType} = ownProps;
diff --git a/webapp/channels/src/components/drafts/draft_actions/schedule_post_actions/delete_scheduled_post_modal.tsx b/webapp/channels/src/components/drafts/draft_actions/schedule_post_actions/delete_scheduled_post_modal.tsx
index be3960e9d6d..55657dc2e09 100644
--- a/webapp/channels/src/components/drafts/draft_actions/schedule_post_actions/delete_scheduled_post_modal.tsx
+++ b/webapp/channels/src/components/drafts/draft_actions/schedule_post_actions/delete_scheduled_post_modal.tsx
@@ -11,7 +11,7 @@ type Props = {
     channelDisplayName?: string;
     onConfirm: () => Promise<{error?: string}>;
     onExited: () => void;
-}
+};
 
 export default function DeleteScheduledPostModal({
     channelDisplayName,
diff --git a/webapp/channels/src/components/drafts/draft_actions/schedule_post_actions/scheduled_post_actions.tsx b/webapp/channels/src/components/drafts/draft_actions/schedule_post_actions/scheduled_post_actions.tsx
index 2ec0e48c437..55db0d32d16 100644
--- a/webapp/channels/src/components/drafts/draft_actions/schedule_post_actions/scheduled_post_actions.tsx
+++ b/webapp/channels/src/components/drafts/draft_actions/schedule_post_actions/scheduled_post_actions.tsx
@@ -72,7 +72,7 @@ type Props = {
     onSend: (scheduledPostId: string) => void;
     onEdit: () => void;
     onCopyText: () => void;
-}
+};
 
 function ScheduledPostActions({scheduledPost, channel, onReschedule, onDelete, onSend, onEdit, onCopyText}: Props) {
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/drafts/draft_actions/send_draft_modal.tsx b/webapp/channels/src/components/drafts/draft_actions/send_draft_modal.tsx
index b76d8ae4cc6..9386b92c463 100644
--- a/webapp/channels/src/components/drafts/draft_actions/send_draft_modal.tsx
+++ b/webapp/channels/src/components/drafts/draft_actions/send_draft_modal.tsx
@@ -10,7 +10,7 @@ type Props = {
     displayName: string;
     onConfirm: () => void;
     onExited: () => void;
-}
+};
 
 function SendDraftModal({
     displayName,
diff --git a/webapp/channels/src/components/drafts/draft_list/index.tsx b/webapp/channels/src/components/drafts/draft_list/index.tsx
index b3e76bb249c..f026ae8190e 100644
--- a/webapp/channels/src/components/drafts/draft_list/index.tsx
+++ b/webapp/channels/src/components/drafts/draft_list/index.tsx
@@ -16,7 +16,7 @@ type Props = {
     currentUser: UserProfile;
     userDisplayName: string;
     userStatus: UserStatus['status'];
-}
+};
 
 export default function DraftList(props: Props) {
     const draftRemotes = useSelector(getDraftRemotes);
diff --git a/webapp/channels/src/components/drafts/draft_list/virtualized_draft_list.tsx b/webapp/channels/src/components/drafts/draft_list/virtualized_draft_list.tsx
index 5df293a0877..d54f7fcd4ad 100644
--- a/webapp/channels/src/components/drafts/draft_list/virtualized_draft_list.tsx
+++ b/webapp/channels/src/components/drafts/draft_list/virtualized_draft_list.tsx
@@ -25,7 +25,7 @@ type Props = {
     userDisplayName: string;
     userStatus: UserStatus['status'];
     draftRemotes: Record<string, boolean>;
-}
+};
 
 export default function VirtualizedDraftList(props: Props) {
     const listRef = useRef<VariableSizeList>(null);
diff --git a/webapp/channels/src/components/drafts/draft_row.tsx b/webapp/channels/src/components/drafts/draft_row.tsx
index b78126de808..eef695cce54 100644
--- a/webapp/channels/src/components/drafts/draft_row.tsx
+++ b/webapp/channels/src/components/drafts/draft_row.tsx
@@ -60,7 +60,7 @@ type Props = {
     isRemote?: boolean;
     scrollIntoView?: boolean;
     containerClassName?: string;
-}
+};
 
 const mockLastBlurAt = {current: 0};
 
@@ -81,7 +81,7 @@ function DraftRow({
     const rootId = ('rootId' in item) ? item.rootId : item.root_id;
     const channelId = ('channelId' in item) ? item.channelId : item.channel_id;
 
-    const [serverError, setServerError] = useState<(ServerError & { submittedMessage?: string }) | null>(null);
+    const [serverError, setServerError] = useState<(ServerError & {submittedMessage?: string}) | null>(null);
 
     const history = useHistory();
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/drafts/draft_title/draft_title.tsx b/webapp/channels/src/components/drafts/draft_title/draft_title.tsx
index 8afd8646cf2..478698f8a8d 100644
--- a/webapp/channels/src/components/drafts/draft_title/draft_title.tsx
+++ b/webapp/channels/src/components/drafts/draft_title/draft_title.tsx
@@ -24,7 +24,7 @@ type Props = {
     teammate?: UserProfile;
     teammateId?: string;
     type: 'channel' | 'thread';
-}
+};
 
 function DraftTitle({
     channel,
diff --git a/webapp/channels/src/components/drafts/drafts_and_schedule_posts_page_header.tsx b/webapp/channels/src/components/drafts/drafts_and_schedule_posts_page_header.tsx
index b2b7c7266d9..6eaeb92daf0 100644
--- a/webapp/channels/src/components/drafts/drafts_and_schedule_posts_page_header.tsx
+++ b/webapp/channels/src/components/drafts/drafts_and_schedule_posts_page_header.tsx
@@ -9,7 +9,7 @@ import Header from 'components/widgets/header';
 
 type Props = {
     children: ReactNode;
-}
+};
 
 export default function DraftsAndSchedulePostsPageHeader(props: Props) {
     return (
diff --git a/webapp/channels/src/components/drafts/drafts_and_schedule_posts_tabs.tsx b/webapp/channels/src/components/drafts/drafts_and_schedule_posts_tabs.tsx
index 3adeb4d2eb3..562e37dbc53 100644
--- a/webapp/channels/src/components/drafts/drafts_and_schedule_posts_tabs.tsx
+++ b/webapp/channels/src/components/drafts/drafts_and_schedule_posts_tabs.tsx
@@ -36,7 +36,7 @@ type Props = {
     currentUser: UserProfile;
     userDisplayName: string;
     userStatus: UserStatus['status'];
-}
+};
 
 export default function DraftsAndSchedulePostsTabs(props: Props) {
     const history = useHistory();
diff --git a/webapp/channels/src/components/drafts/panel/panel_body.tsx b/webapp/channels/src/components/drafts/panel/panel_body.tsx
index 445eac2c26f..8e6d2508e9b 100644
--- a/webapp/channels/src/components/drafts/panel/panel_body.tsx
+++ b/webapp/channels/src/components/drafts/panel/panel_body.tsx
@@ -36,7 +36,7 @@ type Props = {
     uploadsInProgress: PostDraft['uploadsInProgress'];
     userId: UserProfile['id'];
     username: UserProfile['username'];
-}
+};
 
 const OPTIONS = {
     disableGroupHighlight: true,
diff --git a/webapp/channels/src/components/drafts/placeholder_scheduled_post_title/placeholder_scheduled_posts_title.tsx b/webapp/channels/src/components/drafts/placeholder_scheduled_post_title/placeholder_scheduled_posts_title.tsx
index da21371b4f6..c900ad2d1ed 100644
--- a/webapp/channels/src/components/drafts/placeholder_scheduled_post_title/placeholder_scheduled_posts_title.tsx
+++ b/webapp/channels/src/components/drafts/placeholder_scheduled_post_title/placeholder_scheduled_posts_title.tsx
@@ -8,7 +8,7 @@ import {WithTooltip} from '@mattermost/shared/components/tooltip';
 
 type Props = {
     type: 'channel' | 'thread';
-}
+};
 
 export default function PlaceholderScheduledPostsTitle({type}: Props) {
     let title;
diff --git a/webapp/channels/src/components/drafts/scheduled_post_list/non_virtualized_scheduled_post_list.tsx b/webapp/channels/src/components/drafts/scheduled_post_list/non_virtualized_scheduled_post_list.tsx
index 7ab70a210da..e178c9277a2 100644
--- a/webapp/channels/src/components/drafts/scheduled_post_list/non_virtualized_scheduled_post_list.tsx
+++ b/webapp/channels/src/components/drafts/scheduled_post_list/non_virtualized_scheduled_post_list.tsx
@@ -16,7 +16,7 @@ type Props = {
     currentUser: UserProfile;
     userDisplayName: string;
     userStatus: UserStatus['status'];
-}
+};
 
 export default function NonVirtualizedScheduledPostList(props: Props) {
     const query = useQuery();
diff --git a/webapp/channels/src/components/drafts/scheduled_post_list/virtualized_scheduled_post_list.tsx b/webapp/channels/src/components/drafts/scheduled_post_list/virtualized_scheduled_post_list.tsx
index 0490c734ed1..d6301070683 100644
--- a/webapp/channels/src/components/drafts/scheduled_post_list/virtualized_scheduled_post_list.tsx
+++ b/webapp/channels/src/components/drafts/scheduled_post_list/virtualized_scheduled_post_list.tsx
@@ -27,7 +27,7 @@ type Props = {
     currentUser: UserProfile;
     userDisplayName: string;
     userStatus: UserStatus['status'];
-}
+};
 
 export default function ScheduledPostList(props: Props) {
     const query = useQuery();
diff --git a/webapp/channels/src/components/dropdown_input.tsx b/webapp/channels/src/components/dropdown_input.tsx
index 88febbf6325..9c0ef54c101 100644
--- a/webapp/channels/src/components/dropdown_input.tsx
+++ b/webapp/channels/src/components/dropdown_input.tsx
@@ -19,7 +19,7 @@ import './dropdown_input.scss';
 export type ValueType = {
     label: string;
     value: string;
-}
+};
 
 type Props<T extends ValueType> = Omit<SelectProps<T>, 'onChange'> & {
     value?: T;
diff --git a/webapp/channels/src/components/edit_category_modal/edit_category_modal.tsx b/webapp/channels/src/components/edit_category_modal/edit_category_modal.tsx
index d1896a5f594..8f2c4798e1d 100644
--- a/webapp/channels/src/components/edit_category_modal/edit_category_modal.tsx
+++ b/webapp/channels/src/components/edit_category_modal/edit_category_modal.tsx
@@ -29,7 +29,7 @@ type Props = {
 
 type State = {
     categoryName: string;
-}
+};
 
 export default class EditCategoryModal extends React.PureComponent<Props, State> {
     timeoutId: NodeJS.Timeout | null = null;
diff --git a/webapp/channels/src/components/edit_channel_header_modal/edit_channel_header_modal.tsx b/webapp/channels/src/components/edit_channel_header_modal/edit_channel_header_modal.tsx
index e596e19e684..1ee132e034f 100644
--- a/webapp/channels/src/components/edit_channel_header_modal/edit_channel_header_modal.tsx
+++ b/webapp/channels/src/components/edit_channel_header_modal/edit_channel_header_modal.tsx
@@ -46,7 +46,7 @@ type State = {
     show: boolean;
     serverError?: ServerError | null;
     postError?: React.ReactNode;
-}
+};
 
 export class EditChannelHeaderModal extends React.PureComponent<Props, State> {
     private editChannelHeaderTextboxRef: React.RefObject<TextboxClass>;
diff --git a/webapp/channels/src/components/edit_channel_purpose_modal/edit_channel_purpose_modal.tsx b/webapp/channels/src/components/edit_channel_purpose_modal/edit_channel_purpose_modal.tsx
index ab128c9f865..b04d6903c90 100644
--- a/webapp/channels/src/components/edit_channel_purpose_modal/edit_channel_purpose_modal.tsx
+++ b/webapp/channels/src/components/edit_channel_purpose_modal/edit_channel_purpose_modal.tsx
@@ -18,10 +18,10 @@ import * as Utils from 'utils/utils';
 
 type Actions = {
     patchChannel: (channelId: string, patch: Partial<Channel>) => Promise<ActionResult>;
-}
+};
 type ServerError = {
     message: string;
-}
+};
 const purposeMaxLength = 250;
 
 type Props = {
@@ -30,7 +30,7 @@ type Props = {
     ctrlSend: boolean;
     actions: Actions;
     intl: IntlShape;
-}
+};
 
 type State = {
     purpose: string;
@@ -38,7 +38,7 @@ type State = {
     show: boolean;
     submitted: boolean;
     requestStarted: boolean;
-}
+};
 
 export class EditChannelPurposeModal extends React.PureComponent<Props, State> {
     private purpose: React.RefObject<HTMLTextAreaElement>;
diff --git a/webapp/channels/src/components/edit_scheduled_post/edit_post.tsx b/webapp/channels/src/components/edit_scheduled_post/edit_post.tsx
index 09cc9b3f37a..662f2f169d0 100644
--- a/webapp/channels/src/components/edit_scheduled_post/edit_post.tsx
+++ b/webapp/channels/src/components/edit_scheduled_post/edit_post.tsx
@@ -56,7 +56,7 @@ export type Actions = {
     scrollPostListToBottom: () => void;
     runMessageWillBeUpdatedHooks: (newPost: Partial<Post>, oldPost: Post) => Promise<ActionResult>;
     updateScheduledPost: (scheduledPost: ScheduledPost, connectionId: string) => Promise<ActionResult>;
-}
+};
 
 export type Props = {
     canEditPost?: boolean;
@@ -126,7 +126,7 @@ const EditPost = ({editingPost, actions, canEditPost, config, channelId, draft,
     // If we would just use the editText value from the state it would be a stale since it is encapsuled in the
     // function closure on initial render
     const draftRef = useRef<PostDraft>(draft);
-    const saveDraftFrame = useRef<number|null>();
+    const saveDraftFrame = useRef<number | null>();
 
     const id = scheduledPost ? scheduledPost.id : editingPost.postId;
     const draftStorageId = `${StoragePrefixes.EDIT_DRAFT}${id}`;
@@ -246,7 +246,7 @@ const EditPost = ({editingPost, actions, canEditPost, config, channelId, draft,
         setSelectionRange({start: res.selectionStart, end: res.selectionEnd});
     };
 
-    const handleRefocusAndExit = (refocusId: string|null) => {
+    const handleRefocusAndExit = (refocusId: string | null) => {
         if (refocusId) {
             const element = document.getElementById(refocusId);
             element?.focus();
diff --git a/webapp/channels/src/components/edit_scheduled_post/edit_post_footer.tsx b/webapp/channels/src/components/edit_scheduled_post/edit_post_footer.tsx
index 956d879d31a..0bfae185901 100644
--- a/webapp/channels/src/components/edit_scheduled_post/edit_post_footer.tsx
+++ b/webapp/channels/src/components/edit_scheduled_post/edit_post_footer.tsx
@@ -15,7 +15,7 @@ import type {GlobalState} from 'types/store';
 type Props = {
     onSave: () => void;
     onCancel: () => void;
-}
+};
 
 const EditPostFooter = ({onSave, onCancel}: Props) => {
     const ctrlSend = useSelector((state: GlobalState) => getBool(state, Preferences.CATEGORY_ADVANCED_SETTINGS, 'send_on_ctrl_enter'));
diff --git a/webapp/channels/src/components/edit_scheduled_post/index.ts b/webapp/channels/src/components/edit_scheduled_post/index.ts
index d23d7a91b09..8df8c9b2963 100644
--- a/webapp/channels/src/components/edit_scheduled_post/index.ts
+++ b/webapp/channels/src/components/edit_scheduled_post/index.ts
@@ -33,7 +33,7 @@ import EditPost from './edit_post';
 
 type Props = {
     scheduledPost?: ScheduledPost;
-}
+};
 
 function mapStateToProps(state: GlobalState, props: Props) {
     const config = getConfig(state);
diff --git a/webapp/channels/src/components/emoji/emoji_list_item/delete_emoji_button.tsx b/webapp/channels/src/components/emoji/emoji_list_item/delete_emoji_button.tsx
index a189a31fa38..03519f640ff 100644
--- a/webapp/channels/src/components/emoji/emoji_list_item/delete_emoji_button.tsx
+++ b/webapp/channels/src/components/emoji/emoji_list_item/delete_emoji_button.tsx
@@ -8,7 +8,7 @@ import DeleteIntegrationLink from 'components/integrations/delete_integration_li
 
 type Props = {
     onDelete: () => void;
-}
+};
 
 export default function DeleteEmojiButton(props: Props) {
     return (
diff --git a/webapp/channels/src/components/emoji/emoji_page.tsx b/webapp/channels/src/components/emoji/emoji_page.tsx
index 5414f636c90..eac97a2b144 100644
--- a/webapp/channels/src/components/emoji/emoji_page.tsx
+++ b/webapp/channels/src/components/emoji/emoji_page.tsx
@@ -21,7 +21,7 @@ type Props = {
     actions: {
         loadRolesIfNeeded(roles: Iterable<string>): void;
     };
-}
+};
 
 const CREATE_EMOJIS_PERMISSIONS = [Permissions.CREATE_EMOJIS];
 const ROLES = ['system_admin', 'team_admin', 'system_user', 'team_user'];
diff --git a/webapp/channels/src/components/emoji_picker/components/emoji_picker_header.tsx b/webapp/channels/src/components/emoji_picker/components/emoji_picker_header.tsx
index 5f5a93baedb..a2f6fc3d01a 100644
--- a/webapp/channels/src/components/emoji_picker/components/emoji_picker_header.tsx
+++ b/webapp/channels/src/components/emoji_picker/components/emoji_picker_header.tsx
@@ -7,7 +7,7 @@ import {FormattedMessage} from 'react-intl';
 
 type Props = {
     handleEmojiPickerClose: MouseEventHandler;
-}
+};
 
 const EmojiPickerHeader = ({handleEmojiPickerClose}: Props) => {
     return (
diff --git a/webapp/channels/src/components/emoji_picker/components/emoji_picker_skin.tsx b/webapp/channels/src/components/emoji_picker/components/emoji_picker_skin.tsx
index c32502359f5..b264b75f48d 100644
--- a/webapp/channels/src/components/emoji_picker/components/emoji_picker_skin.tsx
+++ b/webapp/channels/src/components/emoji_picker/components/emoji_picker_skin.tsx
@@ -80,7 +80,7 @@ export type Props = {
 type State = {
     pickerExtended: boolean;
     pickerMounted: boolean;
-}
+};
 
 export class EmojiPickerSkin extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/emoji_picker/types/index.ts b/webapp/channels/src/components/emoji_picker/types/index.ts
index bfe120e4690..66079c7fc97 100644
--- a/webapp/channels/src/components/emoji_picker/types/index.ts
+++ b/webapp/channels/src/components/emoji_picker/types/index.ts
@@ -32,7 +32,7 @@ export type CategoryHeaderRow = {
         emojiId: '';
         item: undefined;
     }>;
-}
+};
 
 export type EmojiRow = {
     index: number;
@@ -44,7 +44,7 @@ export type EmojiRow = {
         emojiId: CustomEmoji['id'] | SystemEmoji['unified'];
         item: Emoji;
     }>;
-}
+};
 
 export type EmojiCursor = {
     rowIndex: number;
@@ -56,7 +56,7 @@ export type EmojiPosition = {
     rowIndex: number;
     emojiId: CustomEmoji['id'] | SystemEmoji['unified'];
     categoryName: EmojiCategory;
-}
+};
 
 export enum NavigationDirection {
     NextEmoji = 'next',
diff --git a/webapp/channels/src/components/emoji_picker/use_emoji_picker.tsx b/webapp/channels/src/components/emoji_picker/use_emoji_picker.tsx
index db7fd75628d..f7d9c50719f 100644
--- a/webapp/channels/src/components/emoji_picker/use_emoji_picker.tsx
+++ b/webapp/channels/src/components/emoji_picker/use_emoji_picker.tsx
@@ -41,13 +41,13 @@ type UseEmojiPickerOptions = {
      * Replaces the middleware for positioning the emoji picker in cases where we want it positioned differently.
      */
     overrideMiddleware?: UseFloatingOptions['middleware'];
-}
+};
 
 type UseEmojiPickerReturn = {
     emojiPicker: React.ReactNode;
     getReferenceProps: ReturnType<typeof useInteractions>['getReferenceProps'];
     setReference: UseFloatingReturn['refs']['setReference'];
-}
+};
 
 export default function useEmojiPicker({
     showEmojiPicker,
diff --git a/webapp/channels/src/components/emoji_picker/utils/index.test.ts b/webapp/channels/src/components/emoji_picker/utils/index.test.ts
index f3fa167f6c4..7611de9ecea 100644
--- a/webapp/channels/src/components/emoji_picker/utils/index.test.ts
+++ b/webapp/channels/src/components/emoji_picker/utils/index.test.ts
@@ -12,10 +12,10 @@ import {
 
 enum SkinTones {
     Light = '1F3FB',
-    MediumLight ='1F3FC',
+    MediumLight = '1F3FC',
     Medium = '1F3FD',
     MediumDark = '1F3FE',
-    Dark = '1F3FF'
+    Dark = '1F3FF',
 }
 
 const smileEmoji = {
diff --git a/webapp/channels/src/components/error_page/error_link.tsx b/webapp/channels/src/components/error_page/error_link.tsx
index 5f88b428d25..eba18515930 100644
--- a/webapp/channels/src/components/error_page/error_link.tsx
+++ b/webapp/channels/src/components/error_page/error_link.tsx
@@ -10,7 +10,7 @@ import ExternalLink from 'components/external_link';
 type Props = {
     url: string;
     message: MessageDescriptor;
-}
+};
 
 const ErrorLink: React.FC<Props> = ({
     url = '',
diff --git a/webapp/channels/src/components/error_page/error_message.tsx b/webapp/channels/src/components/error_page/error_message.tsx
index e7ceb58f546..76e1cc94bbd 100644
--- a/webapp/channels/src/components/error_page/error_message.tsx
+++ b/webapp/channels/src/components/error_page/error_message.tsx
@@ -14,7 +14,7 @@ type Props = {
     message?: string;
     service?: string;
     isGuest?: boolean;
-}
+};
 
 const ErrorMessage: React.FC<Props> = ({type, message, service, isGuest}: Props) => {
     let errorMessage = null;
diff --git a/webapp/channels/src/components/error_page/error_page.tsx b/webapp/channels/src/components/error_page/error_page.tsx
index b04c0ed50f0..258db3d391e 100644
--- a/webapp/channels/src/components/error_page/error_page.tsx
+++ b/webapp/channels/src/components/error_page/error_page.tsx
@@ -15,14 +15,14 @@ import ErrorTitle from './error_title';
 
 type Location = {
     search: string;
-}
+};
 
 type Props = {
     location: Location;
     asymmetricSigningPublicKey?: string;
     siteName?: string;
     isGuest?: boolean;
-}
+};
 
 export default class ErrorPage extends React.PureComponent<Props> {
     public componentDidMount() {
diff --git a/webapp/channels/src/components/error_page/error_title.tsx b/webapp/channels/src/components/error_page/error_title.tsx
index 78017f9c20b..027bc203f00 100644
--- a/webapp/channels/src/components/error_page/error_title.tsx
+++ b/webapp/channels/src/components/error_page/error_title.tsx
@@ -9,7 +9,7 @@ import {ErrorPageTypes} from 'utils/constants';
 type Props = {
     type?: string | null;
     title: string;
-}
+};
 
 const ErrorTitle: React.FC<Props> = ({type, title}: Props) => {
     let errorTitle = null;
diff --git a/webapp/channels/src/components/external_image/external_image.tsx b/webapp/channels/src/components/external_image/external_image.tsx
index 36332268784..cd3520859f0 100644
--- a/webapp/channels/src/components/external_image/external_image.tsx
+++ b/webapp/channels/src/components/external_image/external_image.tsx
@@ -15,7 +15,7 @@ type Props = {
     hasImageProxy: boolean;
     imageMetadata?: PostImage;
     src: string;
-}
+};
 
 const ExternalImage = (props: Props) => {
     const shouldRenderImage = props.enableSVGs || !isSVGImage(props.imageMetadata, props.src);
diff --git a/webapp/channels/src/components/external_link/index.tsx b/webapp/channels/src/components/external_link/index.tsx
index 90e93b5a3a8..7f2fc569d37 100644
--- a/webapp/channels/src/components/external_link/index.tsx
+++ b/webapp/channels/src/components/external_link/index.tsx
@@ -16,7 +16,7 @@ type Props = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     queryParams?: ExternalLinkQueryParams;
     location: string;
     children: React.ReactNode;
-}
+};
 
 const ExternalLink = forwardRef<HTMLAnchorElement, Props>((props, ref) => {
     const [href] = useExternalLink(props.href, props.location, props.queryParams);
diff --git a/webapp/channels/src/components/feature_restricted_modal/feature_restricted_modal.tsx b/webapp/channels/src/components/feature_restricted_modal/feature_restricted_modal.tsx
index fefe895d36f..e00071b82d4 100644
--- a/webapp/channels/src/components/feature_restricted_modal/feature_restricted_modal.tsx
+++ b/webapp/channels/src/components/feature_restricted_modal/feature_restricted_modal.tsx
@@ -35,10 +35,10 @@ type FeatureRestrictedModalProps = {
     messageAdminPostTrial?: string;
     titleEndUser?: string;
     messageEndUser?: string;
-    customSecondaryButton?: { msg: string; action: () => void };
+    customSecondaryButton?: {msg: string; action: () => void};
     feature?: string;
     minimumPlanRequiredForFeature?: string;
-}
+};
 
 const FeatureRestrictedModal = ({
     titleAdminPreTrial,
diff --git a/webapp/channels/src/components/feedback_modal/downgrade_feedback.tsx b/webapp/channels/src/components/feedback_modal/downgrade_feedback.tsx
index 1deed4eb574..c8848f970bb 100644
--- a/webapp/channels/src/components/feedback_modal/downgrade_feedback.tsx
+++ b/webapp/channels/src/components/feedback_modal/downgrade_feedback.tsx
@@ -12,7 +12,7 @@ import type {FeedbackOption} from 'components/feedback_modal/feedback';
 
 type Props = {
     onSubmit: (downgradeFeedback: Feedback) => void;
-} &WrappedComponentProps
+} & WrappedComponentProps;
 
 const DowngradeFeedbackModal = (props: Props) => {
     const downgradeFeedbackModalTitle = props.intl.formatMessage({
diff --git a/webapp/channels/src/components/feedback_modal/feedback.tsx b/webapp/channels/src/components/feedback_modal/feedback.tsx
index 4ee24e569ae..10627c8364f 100644
--- a/webapp/channels/src/components/feedback_modal/feedback.tsx
+++ b/webapp/channels/src/components/feedback_modal/feedback.tsx
@@ -27,7 +27,7 @@ type Props = {
     submitText: string;
     feedbackOptions: FeedbackOption[];
     freeformTextPlaceholder: string;
-}
+};
 
 export default function FeedbackModal(props: Props) {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/file_attachment/filename_overlay.tsx b/webapp/channels/src/components/file_attachment/filename_overlay.tsx
index c683a738bb6..6f45be2411a 100644
--- a/webapp/channels/src/components/file_attachment/filename_overlay.tsx
+++ b/webapp/channels/src/components/file_attachment/filename_overlay.tsx
@@ -48,7 +48,7 @@ type Props = {
     iconClass?: string;
 
     overrideGenerateFileDownloadUrl?: (fileId: string) => string;
-}
+};
 
 export default class FilenameOverlay extends React.PureComponent<Props> {
     render() {
diff --git a/webapp/channels/src/components/file_attachment/index.ts b/webapp/channels/src/components/file_attachment/index.ts
index b2d5e911e45..d25a48e9226 100644
--- a/webapp/channels/src/components/file_attachment/index.ts
+++ b/webapp/channels/src/components/file_attachment/index.ts
@@ -24,7 +24,7 @@ import FileAttachment from './file_attachment';
 export type OwnProps = {
     preventDownload?: boolean;
     fileInfo: FileInfo;
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     const config = getConfig(state);
diff --git a/webapp/channels/src/components/file_attachment_list/index.ts b/webapp/channels/src/components/file_attachment_list/index.ts
index f9190755a11..94dbae2e162 100644
--- a/webapp/channels/src/components/file_attachment_list/index.ts
+++ b/webapp/channels/src/components/file_attachment_list/index.ts
@@ -35,7 +35,7 @@ export type OwnProps = {
     disableActions?: boolean;
     usePostAsSource?: boolean;
     overrideGenerateFileDownloadUrl?: (fileId: string) => string;
-}
+};
 
 function makeMapStateToProps() {
     const selectFilesForPost = makeGetFilesForPost();
diff --git a/webapp/channels/src/components/file_preview/file_preview.tsx b/webapp/channels/src/components/file_preview/file_preview.tsx
index 8f745fabbed..9965b31cb11 100644
--- a/webapp/channels/src/components/file_preview/file_preview.tsx
+++ b/webapp/channels/src/components/file_preview/file_preview.tsx
@@ -25,7 +25,7 @@ type UploadInfo = {
     name: string;
     percent?: number;
     type?: string;
-}
+};
 export type FilePreviewInfo = FileInfo & UploadInfo;
 
 type Props = {
diff --git a/webapp/channels/src/components/file_preview/file_progress_preview.tsx b/webapp/channels/src/components/file_preview/file_progress_preview.tsx
index f9af7e2af24..603e88c1179 100644
--- a/webapp/channels/src/components/file_preview/file_progress_preview.tsx
+++ b/webapp/channels/src/components/file_preview/file_progress_preview.tsx
@@ -16,7 +16,7 @@ type Props = {
     handleRemove: (id: string) => void;
     clientId: string;
     fileInfo: FilePreviewInfo;
-}
+};
 
 export default class FileProgressPreview extends React.PureComponent<Props> {
     handleRemove = () => {
diff --git a/webapp/channels/src/components/file_preview_modal/file_preview_modal.tsx b/webapp/channels/src/components/file_preview_modal/file_preview_modal.tsx
index 8c20b0f4b05..fb8af2d6799 100644
--- a/webapp/channels/src/components/file_preview_modal/file_preview_modal.tsx
+++ b/webapp/channels/src/components/file_preview_modal/file_preview_modal.tsx
@@ -60,7 +60,7 @@ export type Props = {
      * The index number of starting image
      **/
     startIndex: number;
-}
+};
 
 type Translate = {x: number; y: number};
 
@@ -78,7 +78,7 @@ type State = {
     translate: Record<number, Translate>;
     isDragging: boolean;
     content: string;
-}
+};
 
 // Pure helper for cursor-aware zoom math. Given current scale + translate,
 // the cursor position relative to the wrapper's center, and the new scale,
diff --git a/webapp/channels/src/components/file_preview_modal/index.ts b/webapp/channels/src/components/file_preview_modal/index.ts
index bbb5a958761..64553e62058 100644
--- a/webapp/channels/src/components/file_preview_modal/index.ts
+++ b/webapp/channels/src/components/file_preview_modal/index.ts
@@ -24,7 +24,7 @@ const FilePreviewModal = makeAsyncComponent('FilePreviewModal', React.lazy<React
 type OwnProps = {
     post?: Post;
     postId?: string;
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     const config = getConfig(state);
diff --git a/webapp/channels/src/components/file_preview_modal/types.ts b/webapp/channels/src/components/file_preview_modal/types.ts
index f6af49a6b40..3c2a77d31ac 100644
--- a/webapp/channels/src/components/file_preview_modal/types.ts
+++ b/webapp/channels/src/components/file_preview_modal/types.ts
@@ -8,7 +8,7 @@ export type LinkInfo = {
     link: string;
     extension: string;
     name: string;
-}
+};
 
 export function isFileInfo(info: FileInfo | LinkInfo): info is FileInfo {
     return Boolean((info as FileInfo).id);
diff --git a/webapp/channels/src/components/file_search_results/file_search_result_item.tsx b/webapp/channels/src/components/file_search_results/file_search_result_item.tsx
index d71325a9f04..aa54da9b40d 100644
--- a/webapp/channels/src/components/file_search_results/file_search_result_item.tsx
+++ b/webapp/channels/src/components/file_search_results/file_search_result_item.tsx
@@ -28,7 +28,7 @@ type Props = OwnProps & PropsFromRedux;
 
 type State = {
     keepOpen: boolean;
-}
+};
 
 const FILE_TOOLTIP_RANGES = [
     RelativeRanges.TODAY_TITLE_CASE,
diff --git a/webapp/channels/src/components/file_upload_overlay/file_upload_overlay.tsx b/webapp/channels/src/components/file_upload_overlay/file_upload_overlay.tsx
index ac24447bbbe..db4bb0bc2e7 100644
--- a/webapp/channels/src/components/file_upload_overlay/file_upload_overlay.tsx
+++ b/webapp/channels/src/components/file_upload_overlay/file_upload_overlay.tsx
@@ -21,7 +21,7 @@ type Props = {
     id: string;
     isInEditMode?: boolean;
     direction?: 'horizontal' | 'vertical';
-}
+};
 
 export const FileUploadOverlay = (props: Props) => {
     let overlayClass = 'file-overlay hidden';
diff --git a/webapp/channels/src/components/flag_message_modal/flag_post_modal.tsx b/webapp/channels/src/components/flag_message_modal/flag_post_modal.tsx
index 094566b6c4d..3d4e83a32c5 100644
--- a/webapp/channels/src/components/flag_message_modal/flag_post_modal.tsx
+++ b/webapp/channels/src/components/flag_message_modal/flag_post_modal.tsx
@@ -30,12 +30,12 @@ const noop = () => {};
 type SelectedOption = {
     value: string;
     label: string;
-}
+};
 
 type Props = {
     postId: string;
     onExited: () => void;
-}
+};
 
 export default function FlagPostModal({postId, onExited}: Props) {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/formatted_markdown_message.tsx b/webapp/channels/src/components/formatted_markdown_message.tsx
index b2b08d2c312..b8653ddd9b4 100644
--- a/webapp/channels/src/components/formatted_markdown_message.tsx
+++ b/webapp/channels/src/components/formatted_markdown_message.tsx
@@ -44,7 +44,7 @@ type Props = {
     disableLinks?: boolean;
     id?: string;
     values?: Record<string, any>;
-}
+};
 
 /**
  *
diff --git a/webapp/channels/src/components/forward_post_modal/forward_post_channel_select.tsx b/webapp/channels/src/components/forward_post_modal/forward_post_channel_select.tsx
index 2f3d5ebf0ef..47181741092 100644
--- a/webapp/channels/src/components/forward_post_modal/forward_post_channel_select.tsx
+++ b/webapp/channels/src/components/forward_post_modal/forward_post_channel_select.tsx
@@ -39,13 +39,13 @@ import {getBaseStyles} from './forward_post_channel_select_styles';
 
 type ChannelTypeFromProvider = Channel & {
     userId?: string;
-}
+};
 
 export type ChannelOption = {
     label: string;
     value: string;
     details: ChannelTypeFromProvider;
-}
+};
 
 export const makeSelectedChannelOption = (channel: Channel): ChannelOption => ({
     label: channel.display_name || channel.name,
@@ -223,7 +223,7 @@ type Props<O> = {
     currentBodyHeight: number;
     value?: O;
     validChannelTypes?: string[];
-}
+};
 
 function ForwardPostChannelSelect({onSelect, value, currentBodyHeight, validChannelTypes = ['O', 'P', 'D', 'G']}: Props<ChannelOption>) {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/forward_post_modal/forward_post_comment_input.tsx b/webapp/channels/src/components/forward_post_modal/forward_post_comment_input.tsx
index 22d6495c5a1..90b14e16665 100644
--- a/webapp/channels/src/components/forward_post_modal/forward_post_comment_input.tsx
+++ b/webapp/channels/src/components/forward_post_modal/forward_post_comment_input.tsx
@@ -29,7 +29,7 @@ type Props = {
     onChange: (comment: string) => void;
     onError: (error: React.ReactNode) => void;
     onHeightChange: (height: number, maxHeight: number) => void;
-}
+};
 
 const ForwardPostCommentInput = ({channelId, canForwardPost, comment, permaLinkLength, onChange, onError, onSubmit, onHeightChange}: Props) => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/get_link_modal.tsx b/webapp/channels/src/components/get_link_modal.tsx
index c75cd4350a4..331a77e17f3 100644
--- a/webapp/channels/src/components/get_link_modal.tsx
+++ b/webapp/channels/src/components/get_link_modal.tsx
@@ -15,11 +15,11 @@ type Props = {
     title: string;
     helpText?: string;
     link: string;
-}
+};
 
 type State = {
     copiedLink: boolean;
-}
+};
 
 export default class GetLinkModal extends React.PureComponent<Props, State> {
     private textAreaRef = React.createRef<HTMLTextAreaElement>();
diff --git a/webapp/channels/src/components/gif_picker/gif_picker.tsx b/webapp/channels/src/components/gif_picker/gif_picker.tsx
index 1a3dc7af30f..ee817bf6c6c 100644
--- a/webapp/channels/src/components/gif_picker/gif_picker.tsx
+++ b/webapp/channels/src/components/gif_picker/gif_picker.tsx
@@ -16,7 +16,7 @@ type Props = {
     onGifClick?: (gif: string) => void;
     handleFilterChange: (filter: string) => void;
     getRootPickerNode: () => HTMLDivElement | null;
-}
+};
 
 const GifPicker = (props: Props) => {
     const handleItemClick = useCallback((gif: IGif, event: SyntheticEvent<HTMLElement, Event>) => {
diff --git a/webapp/channels/src/components/global_header/center_controls/center_controls.tsx b/webapp/channels/src/components/global_header/center_controls/center_controls.tsx
index e64200bd364..66c5f855f54 100644
--- a/webapp/channels/src/components/global_header/center_controls/center_controls.tsx
+++ b/webapp/channels/src/components/global_header/center_controls/center_controls.tsx
@@ -27,7 +27,7 @@ const CenterControlsContainer = styled.div`
 
 export type Props = {
     productId?: ProductIdentifier;
-}
+};
 
 const CenterControls = ({productId = null}: Props): JSX.Element => {
     return (
diff --git a/webapp/channels/src/components/global_header/right_controls/right_controls.tsx b/webapp/channels/src/components/global_header/right_controls/right_controls.tsx
index e06c09c0f75..7c372281a7d 100644
--- a/webapp/channels/src/components/global_header/right_controls/right_controls.tsx
+++ b/webapp/channels/src/components/global_header/right_controls/right_controls.tsx
@@ -48,7 +48,7 @@ const StyledCustomizeYourExperienceTour = styled.div`
 
 export type Props = {
     productId?: ProductIdentifier;
-}
+};
 
 const RightControls = ({productId = null}: Props): JSX.Element => {
     // guest validation to see which point the messaging tour tip starts
diff --git a/webapp/channels/src/components/header_footer_route/content_layouts/alternate_link.tsx b/webapp/channels/src/components/header_footer_route/content_layouts/alternate_link.tsx
index a08ba2ff191..88efd841b3b 100644
--- a/webapp/channels/src/components/header_footer_route/content_layouts/alternate_link.tsx
+++ b/webapp/channels/src/components/header_footer_route/content_layouts/alternate_link.tsx
@@ -12,7 +12,7 @@ type AlternateLinkProps = {
     alternateMessage?: string;
     alternateLinkPath?: string;
     alternateLinkLabel?: string;
-}
+};
 
 const AlternateLink = ({className, alternateMessage, alternateLinkPath, alternateLinkLabel}: AlternateLinkProps) => {
     if (!alternateMessage && !alternateLinkPath && !alternateLinkLabel) {
diff --git a/webapp/channels/src/components/header_footer_route/content_layouts/column.tsx b/webapp/channels/src/components/header_footer_route/content_layouts/column.tsx
index 2136c66150d..b9bec3d9494 100644
--- a/webapp/channels/src/components/header_footer_route/content_layouts/column.tsx
+++ b/webapp/channels/src/components/header_footer_route/content_layouts/column.tsx
@@ -13,7 +13,7 @@ type ColumnProps = {
     SVGElement?: React.ReactNode;
     extraContent?: React.ReactNode;
     onEnterKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-}
+};
 
 const Column = ({title, message, SVGElement, extraContent, onEnterKeyDown}: ColumnProps) => {
     const handleOnEnterKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
diff --git a/webapp/channels/src/components/header_footer_route/header.tsx b/webapp/channels/src/components/header_footer_route/header.tsx
index 4db9dce1462..b4b0cb84f1b 100644
--- a/webapp/channels/src/components/header_footer_route/header.tsx
+++ b/webapp/channels/src/components/header_footer_route/header.tsx
@@ -18,7 +18,7 @@ export type HeaderProps = {
     alternateLink?: React.ReactElement;
     backButtonURL?: string;
     onBackButtonClick?: React.EventHandler<React.MouseEvent>;
-}
+};
 
 const Header = ({alternateLink, backButtonURL, onBackButtonClick}: HeaderProps) => {
     const {SiteName} = useSelector(getConfig);
diff --git a/webapp/channels/src/components/header_footer_template/header_footer_template.tsx b/webapp/channels/src/components/header_footer_template/header_footer_template.tsx
index c27a57d2d11..3bae8f55d9b 100644
--- a/webapp/channels/src/components/header_footer_template/header_footer_template.tsx
+++ b/webapp/channels/src/components/header_footer_template/header_footer_template.tsx
@@ -11,7 +11,7 @@ import ExternalLink from 'components/external_link';
 
 type Props = {
     children?: React.ReactNode | React.ReactNodeArray;
-}
+};
 
 const HeaderFooterNotLoggedIn = (props: Props) => {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/hint-toast/hint_toast.tsx b/webapp/channels/src/components/hint-toast/hint_toast.tsx
index fc1706b240b..5d9a3d8d51d 100644
--- a/webapp/channels/src/components/hint-toast/hint_toast.tsx
+++ b/webapp/channels/src/components/hint-toast/hint_toast.tsx
@@ -12,7 +12,7 @@ export const HINT_TOAST_TESTID = 'hint-toast';
 type Props = {
     children: React.ReactNode;
     onDismiss: () => void;
-}
+};
 
 export const HintToast: React.FC<Props> = ({children, onDismiss}: Props) => {
     const handleDismiss = () => {
diff --git a/webapp/channels/src/components/icon_message_with_progress_bar/index.tsx b/webapp/channels/src/components/icon_message_with_progress_bar/index.tsx
index 8576afd79de..19c5aea19ca 100644
--- a/webapp/channels/src/components/icon_message_with_progress_bar/index.tsx
+++ b/webapp/channels/src/components/icon_message_with_progress_bar/index.tsx
@@ -18,7 +18,7 @@ type PageCopy = {
     icon: JSX.Element;
     buttonText?: string;
     linkText?: string;
-}
+};
 
 type Props = {
     processingState: ProcessState;
@@ -28,7 +28,7 @@ type Props = {
     failedCopy: PageCopy;
     handleGoBack: () => void;
     error: boolean;
-}
+};
 
 export default function IconMessageWithProgressBar({processingState, progress, successPage, handleGoBack, error, processingCopy, failedCopy}: Props) {
     const progressBar: JSX.Element | null = (
diff --git a/webapp/channels/src/components/info_toast/info_toast.tsx b/webapp/channels/src/components/info_toast/info_toast.tsx
index d6340e48aae..6c972b855d5 100644
--- a/webapp/channels/src/components/info_toast/info_toast.tsx
+++ b/webapp/channels/src/components/info_toast/info_toast.tsx
@@ -21,7 +21,7 @@ type Props = {
     className?: string;
     position?: ToastPosition;
     onExited: () => void;
-}
+};
 
 function InfoToast({content, onExited, className, position = DEFAULT_POSITION}: Props): JSX.Element {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/input_error.tsx b/webapp/channels/src/components/input_error.tsx
index 49dd9664589..14ed8ffaa21 100644
--- a/webapp/channels/src/components/input_error.tsx
+++ b/webapp/channels/src/components/input_error.tsx
@@ -11,7 +11,7 @@ import {ItemStatus} from 'utils/constants';
 type Props = {
     message?: string;
     custom?: CustomMessageInputType;
-}
+};
 
 const InputError = (props: Props) => {
     if (props.message) {
diff --git a/webapp/channels/src/components/integrations/abstract_command.tsx b/webapp/channels/src/components/integrations/abstract_command.tsx
index 868937f67f9..ea3a5f56930 100644
--- a/webapp/channels/src/components/integrations/abstract_command.tsx
+++ b/webapp/channels/src/components/integrations/abstract_command.tsx
@@ -65,7 +65,7 @@ type Props = {
     * The async function to run when the action button is pressed
     */
     action: (command: Command) => Promise<void>;
-}
+};
 
 type State = {
     saving: boolean;
@@ -80,7 +80,7 @@ type State = {
     autocomplete: boolean;
     autocompleteHint: string;
     autocompleteDescription: string;
-}
+};
 
 export default class AbstractCommand extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/integrations/abstract_oauth_app.tsx b/webapp/channels/src/components/integrations/abstract_oauth_app.tsx
index 8f8772321e1..f585aeb2c1a 100644
--- a/webapp/channels/src/components/integrations/abstract_oauth_app.tsx
+++ b/webapp/channels/src/components/integrations/abstract_oauth_app.tsx
@@ -60,7 +60,7 @@ type Props = {
     */
     action: (app: OAuthApp) => Promise<void>;
 
-}
+};
 
 type State = {
     name: string;
diff --git a/webapp/channels/src/components/integrations/bots/add_bot/add_bot.tsx b/webapp/channels/src/components/integrations/bots/add_bot/add_bot.tsx
index 1c767227150..1b3f653ce36 100644
--- a/webapp/channels/src/components/integrations/bots/add_bot/add_bot.tsx
+++ b/webapp/channels/src/components/integrations/bots/add_bot/add_bot.tsx
@@ -109,7 +109,7 @@ export type State = {
     error: JSX.Element | string;
     adding: boolean;
     image: string;
-    orientationStyles: { transform: string; transformOrigin: string };
+    orientationStyles: {transform: string; transformOrigin: string};
     pictureFile: File | null | string;
 };
 
diff --git a/webapp/channels/src/components/integrations/bots/add_bot/index.ts b/webapp/channels/src/components/integrations/bots/add_bot/index.ts
index 35cb3ed99e3..dad38791d3b 100644
--- a/webapp/channels/src/components/integrations/bots/add_bot/index.ts
+++ b/webapp/channels/src/components/integrations/bots/add_bot/index.ts
@@ -24,7 +24,7 @@ type OwnProps = {
      * Search query for the bot
      */
     location: RouteComponentProps['location'];
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     const config = getConfig(state);
diff --git a/webapp/channels/src/components/integrations/bots/bot.tsx b/webapp/channels/src/components/integrations/bots/bot.tsx
index 8187507af67..7ef0e0d86bd 100644
--- a/webapp/channels/src/components/integrations/bots/bot.tsx
+++ b/webapp/channels/src/components/integrations/bots/bot.tsx
@@ -96,14 +96,14 @@ type Props = {
     *  Only used for routing since backstage is team based.
     */
     team: Team;
-}
+};
 
 type State = {
     confirmingId: string;
     creatingTokenState: string;
     token: UserAccessToken | Record<string, any>;
     error: ReactNode;
-}
+};
 
 export default class Bot extends React.PureComponent<Props, State> {
     public constructor(props: Props) {
diff --git a/webapp/channels/src/components/integrations/bots/bots.tsx b/webapp/channels/src/components/integrations/bots/bots.tsx
index 298e518d0e6..c101e5f08b8 100644
--- a/webapp/channels/src/components/integrations/bots/bots.tsx
+++ b/webapp/channels/src/components/integrations/bots/bots.tsx
@@ -99,11 +99,11 @@ type Props = {
     *  Only used for routing since backstage is team based.
     */
     team: Team;
-}
+};
 
 type State = {
     loading: boolean;
-}
+};
 
 export default class Bots extends React.PureComponent<Props, State> {
     public constructor(props: Props) {
diff --git a/webapp/channels/src/components/integrations/confirm_integration/confirm_integration.tsx b/webapp/channels/src/components/integrations/confirm_integration/confirm_integration.tsx
index 7cc9be9ac2d..5cfc7061921 100644
--- a/webapp/channels/src/components/integrations/confirm_integration/confirm_integration.tsx
+++ b/webapp/channels/src/components/integrations/confirm_integration/confirm_integration.tsx
@@ -27,7 +27,7 @@ type Props = {
     outgoingHooks: IDMappedObjects<OutgoingWebhook>;
     bots: Record<string, Bot>;
     outgoingOAuthConnections: Record<string, OutgoingOAuthConnection>;
-}
+};
 
 const ConfirmIntegration = ({team, location, commands, oauthApps, incomingHooks, outgoingHooks, bots, outgoingOAuthConnections}: Props): JSX.Element | null => {
     const history = useHistory();
diff --git a/webapp/channels/src/components/integrations/edit_command/edit_command.tsx b/webapp/channels/src/components/integrations/edit_command/edit_command.tsx
index bff90adf92d..d7def396f8c 100644
--- a/webapp/channels/src/components/integrations/edit_command/edit_command.tsx
+++ b/webapp/channels/src/components/integrations/edit_command/edit_command.tsx
@@ -65,13 +65,13 @@ type Props = {
     * Whether or not commands are enabled.
     */
     enableCommands: boolean;
-}
+};
 
 type State = {
     originalCommand: Command | null;
     showConfirmModal: boolean;
     serverError: string;
-}
+};
 
 export default class EditCommand extends React.PureComponent<Props, State> {
     private newCommand?: Command;
diff --git a/webapp/channels/src/components/integrations/edit_command/index.ts b/webapp/channels/src/components/integrations/edit_command/index.ts
index 948dcdcf18a..5184eeb4e03 100644
--- a/webapp/channels/src/components/integrations/edit_command/index.ts
+++ b/webapp/channels/src/components/integrations/edit_command/index.ts
@@ -15,7 +15,7 @@ import EditCommand from './edit_command';
 
 type Props = {
     location: Location;
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: Props) {
     const config = getConfig(state);
diff --git a/webapp/channels/src/components/integrations/edit_incoming_webhook/index.ts b/webapp/channels/src/components/integrations/edit_incoming_webhook/index.ts
index 9111209c6cf..99f9db7e638 100644
--- a/webapp/channels/src/components/integrations/edit_incoming_webhook/index.ts
+++ b/webapp/channels/src/components/integrations/edit_incoming_webhook/index.ts
@@ -16,7 +16,7 @@ import EditIncomingWebhook from './edit_incoming_webhook';
 
 type Props = {
     location: Location;
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: Props) {
     const config = getConfig(state);
diff --git a/webapp/channels/src/components/integrations/edit_outgoing_webhook/index.ts b/webapp/channels/src/components/integrations/edit_outgoing_webhook/index.ts
index 92eae8c172d..15c0a59538e 100644
--- a/webapp/channels/src/components/integrations/edit_outgoing_webhook/index.ts
+++ b/webapp/channels/src/components/integrations/edit_outgoing_webhook/index.ts
@@ -16,7 +16,7 @@ type OwnProps = {
     location: {
         search: string | string[][] | Record<string, string> | URLSearchParams | undefined;
     };
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     const config = getConfig(state);
diff --git a/webapp/channels/src/components/integrations/installed_command.tsx b/webapp/channels/src/components/integrations/installed_command.tsx
index 201cf92159e..153081bc4e1 100644
--- a/webapp/channels/src/components/integrations/installed_command.tsx
+++ b/webapp/channels/src/components/integrations/installed_command.tsx
@@ -49,7 +49,7 @@ type Props = {
      * Set to show edit link
      */
     canChange: boolean;
-}
+};
 
 export function matchesFilter(command: Command, filter?: string) {
     if (!filter) {
diff --git a/webapp/channels/src/components/integrations/installed_commands/index.ts b/webapp/channels/src/components/integrations/installed_commands/index.ts
index fa116746c93..8d42590ddea 100644
--- a/webapp/channels/src/components/integrations/installed_commands/index.ts
+++ b/webapp/channels/src/components/integrations/installed_commands/index.ts
@@ -17,7 +17,7 @@ type Props = {
     team: {
         id: string;
     };
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: Props) {
     const canManageOthersSlashCommands = haveITeamPermission(state, ownProps.team.id, Permissions.MANAGE_OTHERS_SLASH_COMMANDS);
diff --git a/webapp/channels/src/components/integrations/installed_commands/installed_commands.tsx b/webapp/channels/src/components/integrations/installed_commands/installed_commands.tsx
index 163e212f2e6..6211420bf94 100644
--- a/webapp/channels/src/components/integrations/installed_commands/installed_commands.tsx
+++ b/webapp/channels/src/components/integrations/installed_commands/installed_commands.tsx
@@ -38,7 +38,7 @@ type Props = {
         // The function to call when Delete link is clicked
         deleteCommand: (id: string) => Promise<ActionResult>;
     };
-}
+};
 
 export default class InstalledCommands extends React.PureComponent<Props> {
     public regenCommandToken = (command: Command): void => {
diff --git a/webapp/channels/src/components/integrations/installed_incoming_webhook.tsx b/webapp/channels/src/components/integrations/installed_incoming_webhook.tsx
index 970924bba29..cdb17816f68 100644
--- a/webapp/channels/src/components/integrations/installed_incoming_webhook.tsx
+++ b/webapp/channels/src/components/integrations/installed_incoming_webhook.tsx
@@ -72,7 +72,7 @@ type Props = {
      *  Data used for filtering of webhook based on filter prop
      */
     channel: Channel;
-}
+};
 
 export default class InstalledIncomingWebhook extends React.PureComponent<Props> {
     handleDelete = () => {
diff --git a/webapp/channels/src/components/integrations/installed_incoming_webhooks/installed_incoming_webhooks.tsx b/webapp/channels/src/components/integrations/installed_incoming_webhooks/installed_incoming_webhooks.tsx
index cd8ea6a61b0..697a5b6a3ba 100644
--- a/webapp/channels/src/components/integrations/installed_incoming_webhooks/installed_incoming_webhooks.tsx
+++ b/webapp/channels/src/components/integrations/installed_incoming_webhooks/installed_incoming_webhooks.tsx
@@ -35,12 +35,12 @@ type Props = {
         loadIncomingHooksAndProfilesForTeam: (teamId: string, startPageNumber: number,
             pageSize: number, includeTotalCount: boolean) => Promise<ActionResult<IncomingWebhook[] | IncomingWebhooksWithCount>>;
     };
-}
+};
 
 type State = {
     page: number;
     loading: boolean;
-}
+};
 
 export default class InstalledIncomingWebhooks extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/integrations/installed_oauth_app/installed_oauth_app.tsx b/webapp/channels/src/components/integrations/installed_oauth_app/installed_oauth_app.tsx
index dcbe8a66767..72445c49822 100644
--- a/webapp/channels/src/components/integrations/installed_oauth_app/installed_oauth_app.tsx
+++ b/webapp/channels/src/components/integrations/installed_oauth_app/installed_oauth_app.tsx
@@ -45,7 +45,7 @@ export type InstalledOAuthAppProps = {
     /**
      * The function to call when Regenerate Secret link is clicked
      */
-    onRegenerateSecret: (oauthAppId: string) => Promise<{ error?: { message: string } }>;
+    onRegenerateSecret: (oauthAppId: string) => Promise<{error?: {message: string}}>;
 
     /**
      * The function to call when Delete link is clicked
@@ -56,12 +56,12 @@ export type InstalledOAuthAppProps = {
      * Set to filter OAuthApp
      */
     filter?: string | null;
-}
+};
 
 export type InstalleOAuthAppState = {
     clientSecret: string;
     error?: string | null;
-}
+};
 
 export default class InstalledOAuthApp extends React.PureComponent<InstalledOAuthAppProps, InstalleOAuthAppState> {
     constructor(props: InstalledOAuthAppProps) {
diff --git a/webapp/channels/src/components/integrations/installed_outgoing_webhook.tsx b/webapp/channels/src/components/integrations/installed_outgoing_webhook.tsx
index c6ca3cf003c..60d223bf21f 100644
--- a/webapp/channels/src/components/integrations/installed_outgoing_webhook.tsx
+++ b/webapp/channels/src/components/integrations/installed_outgoing_webhook.tsx
@@ -58,7 +58,7 @@ type Props = {
     channel: Channel;
     canChange: boolean;
     filter?: string;
-}
+};
 
 export default class InstalledOutgoingWebhook extends React.PureComponent<Props> {
     handleRegenToken = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
diff --git a/webapp/channels/src/components/integrations/installed_outgoing_webhooks/installed_outgoing_webhooks.tsx b/webapp/channels/src/components/integrations/installed_outgoing_webhooks/installed_outgoing_webhooks.tsx
index 5d5eafd9756..043b2f670e5 100644
--- a/webapp/channels/src/components/integrations/installed_outgoing_webhooks/installed_outgoing_webhooks.tsx
+++ b/webapp/channels/src/components/integrations/installed_outgoing_webhooks/installed_outgoing_webhooks.tsx
@@ -78,7 +78,7 @@ export type Props = {
     * Whether or not outgoing webhooks are enabled.
     */
     enableOutgoingWebhooks: boolean;
-}
+};
 
 type State = {
     loading: boolean;
diff --git a/webapp/channels/src/components/integrations/integration_option.tsx b/webapp/channels/src/components/integrations/integration_option.tsx
index 65df7878469..8bcd2d73991 100644
--- a/webapp/channels/src/components/integrations/integration_option.tsx
+++ b/webapp/channels/src/components/integrations/integration_option.tsx
@@ -9,7 +9,7 @@ type Props = {
     title: JSX.Element;
     description: JSX.Element;
     link: string;
-}
+};
 
 const IntegrationOption = ({image, title, description, link}: Props) => {
     return (
diff --git a/webapp/channels/src/components/integrations/integrations.tsx b/webapp/channels/src/components/integrations/integrations.tsx
index 910feff65ed..0ebc97ccf87 100644
--- a/webapp/channels/src/components/integrations/integrations.tsx
+++ b/webapp/channels/src/components/integrations/integrations.tsx
@@ -30,7 +30,7 @@ type Props = {
     enableOAuthServiceProvider: boolean;
     enableOutgoingOAuthConnections: boolean;
     team: Team;
-}
+};
 
 export default class Integrations extends React.PureComponent <Props> {
     componentDidMount() {
diff --git a/webapp/channels/src/components/integrations/outgoing_oauth_connections/abstract_outgoing_oauth_connection.tsx b/webapp/channels/src/components/integrations/outgoing_oauth_connections/abstract_outgoing_oauth_connection.tsx
index 9087525f95b..77122b98a27 100644
--- a/webapp/channels/src/components/integrations/outgoing_oauth_connections/abstract_outgoing_oauth_connection.tsx
+++ b/webapp/channels/src/components/integrations/outgoing_oauth_connections/abstract_outgoing_oauth_connection.tsx
@@ -32,7 +32,7 @@ type Props = {
     initialConnection?: OutgoingOAuthConnection;
 
     submitAction: (connection: OutgoingOAuthConnection) => Promise<void>;
-}
+};
 
 type State = {
     name: string;
@@ -563,7 +563,7 @@ type ValidateButtonProps = {
     status: ValidationStatus;
     onClick: (e: FormEvent) => void;
     setUnvalidated: (e: FormEvent) => void;
-}
+};
 
 const ValidateButton = ({status, onClick, setUnvalidated}: ValidateButtonProps) => {
     if (status === ValidationStatus.ERROR) {
diff --git a/webapp/channels/src/components/integrations/outgoing_oauth_connections/installed_outgoing_oauth_connection.tsx b/webapp/channels/src/components/integrations/outgoing_oauth_connections/installed_outgoing_oauth_connection.tsx
index 153888dfc27..313e7f15232 100644
--- a/webapp/channels/src/components/integrations/outgoing_oauth_connections/installed_outgoing_oauth_connection.tsx
+++ b/webapp/channels/src/components/integrations/outgoing_oauth_connections/installed_outgoing_oauth_connection.tsx
@@ -25,12 +25,12 @@ export type InstalledOutgoingOAuthConnectionProps = {
     filter?: string | null;
 
     onDelete: (outgoingOAuthConnection: OutgoingOAuthConnection) => void;
-}
+};
 
 export type InstalledOutgoingOAuthConnectionState = {
     clientSecret: string;
     error?: string | null;
-}
+};
 
 const InstalledOutgoingOAuthConnection = (props: InstalledOutgoingOAuthConnectionProps) => {
     const handleDelete = (): void => {
diff --git a/webapp/channels/src/components/integrations/outgoing_oauth_connections/oauth_connection_audience_input.tsx b/webapp/channels/src/components/integrations/outgoing_oauth_connections/oauth_connection_audience_input.tsx
index 99ba37a8e43..4e1e3d7abdf 100644
--- a/webapp/channels/src/components/integrations/outgoing_oauth_connections/oauth_connection_audience_input.tsx
+++ b/webapp/channels/src/components/integrations/outgoing_oauth_connections/oauth_connection_audience_input.tsx
@@ -25,7 +25,7 @@ type Props = {
     value: string;
     onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     placeholder: MessageDescriptor;
-}
+};
 
 const OAuthConnectionAudienceInput = (props: Props) => {
     const mounted = useRef(false);
diff --git a/webapp/channels/src/components/invitation_modal/add_to_channels.tsx b/webapp/channels/src/components/invitation_modal/add_to_channels.tsx
index 098a21d7be8..4ff33909a8e 100644
--- a/webapp/channels/src/components/invitation_modal/add_to_channels.tsx
+++ b/webapp/channels/src/components/invitation_modal/add_to_channels.tsx
@@ -21,7 +21,7 @@ import './add_to_channels.scss';
 export type CustomMessageProps = {
     message: string;
     open: boolean;
-}
+};
 
 export const defaultInviteChannels = deepFreeze({
     channels: [],
@@ -31,7 +31,7 @@ export const defaultInviteChannels = deepFreeze({
 export type InviteChannels = {
     channels: Channel[];
     search: string;
-}
+};
 
 export const defaultCustomMessage = deepFreeze({
     message: '',
@@ -54,7 +54,7 @@ export type Props = {
 
     // this prop is only sent when inviting members to channels
     channelToInvite?: Channel;
-}
+};
 
 const RENDER_TIMEOUT_GUESS = 100;
 
diff --git a/webapp/channels/src/components/invitation_modal/index.tsx b/webapp/channels/src/components/invitation_modal/index.tsx
index f4971ca29be..0fb47f4df58 100644
--- a/webapp/channels/src/components/invitation_modal/index.tsx
+++ b/webapp/channels/src/components/invitation_modal/index.tsx
@@ -47,7 +47,7 @@ const searchChannels = (teamId: string, term: string) => {
 type OwnProps = {
     channelToInvite?: Channel;
     canInviteGuests?: boolean;
-}
+};
 
 export function mapStateToProps(state: GlobalState, props: OwnProps) {
     const config = getConfig(state);
diff --git a/webapp/channels/src/components/invitation_modal/invitation_modal.tsx b/webapp/channels/src/components/invitation_modal/invitation_modal.tsx
index a12584dcbba..a37c20b2e9f 100644
--- a/webapp/channels/src/components/invitation_modal/invitation_modal.tsx
+++ b/webapp/channels/src/components/invitation_modal/invitation_modal.tsx
@@ -29,7 +29,7 @@ import './invitation_modal.scss';
 // 'static' means backdrop clicks do not close
 // true means backdrop clicks do close
 // false means no backdrop
-type Backdrop = 'static' | boolean
+type Backdrop = 'static' | boolean;
 
 const messages = defineMessages({
     notValidChannel: {
@@ -84,7 +84,7 @@ export type Props = {
     initialValue?: string;
     inviteAsGuest?: boolean;
     focusOriginElement?: string;
-}
+};
 
 export const View = {
     INVITE: 'INVITE',
diff --git a/webapp/channels/src/components/invitation_modal/invite_as.tsx b/webapp/channels/src/components/invitation_modal/invite_as.tsx
index 04ba324c3c7..326e856996d 100644
--- a/webapp/channels/src/components/invitation_modal/invite_as.tsx
+++ b/webapp/channels/src/components/invitation_modal/invite_as.tsx
@@ -35,7 +35,7 @@ export type Props = {
     inviteType: InviteType;
     titleClass?: string;
     canInviteGuests?: boolean;
-}
+};
 
 export default function InviteAs(props: Props) {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/invitation_modal/invite_view.tsx b/webapp/channels/src/components/invitation_modal/invite_view.tsx
index f756b3cc8b3..349b2d10682 100644
--- a/webapp/channels/src/components/invitation_modal/invite_view.tsx
+++ b/webapp/channels/src/components/invitation_modal/invite_view.tsx
@@ -73,7 +73,7 @@ export type Props = InviteState & {
     onPaste?: (e: ClipboardEvent) => void;
     useGuestMagicLink: boolean;
     toggleGuestMagicLink: () => void;
-}
+};
 
 export default function InviteView(props: Props) {
     useEffect(() => {
diff --git a/webapp/channels/src/components/invitation_modal/no_permissions_view.tsx b/webapp/channels/src/components/invitation_modal/no_permissions_view.tsx
index fd9db26339e..06992d6979d 100644
--- a/webapp/channels/src/components/invitation_modal/no_permissions_view.tsx
+++ b/webapp/channels/src/components/invitation_modal/no_permissions_view.tsx
@@ -14,7 +14,7 @@ import './no_permissions_view.scss';
 type Props = {
     footerClass: string;
     onDone: () => void;
-}
+};
 
 export default function NoPermissionsView(props: Props) {
     return (
diff --git a/webapp/channels/src/components/invitation_modal/overage_users_banner_notice/index.tsx b/webapp/channels/src/components/invitation_modal/overage_users_banner_notice/index.tsx
index 4ff188590ed..7d289f90ad1 100644
--- a/webapp/channels/src/components/invitation_modal/overage_users_banner_notice/index.tsx
+++ b/webapp/channels/src/components/invitation_modal/overage_users_banner_notice/index.tsx
@@ -29,7 +29,7 @@ import './overage_users_banner_notice.scss';
 type AdminHasDismissedArgs = {
     preferenceName: string;
     overagePreferences: PreferenceType[];
-}
+};
 
 const adminHasDismissed = ({preferenceName, overagePreferences}: AdminHasDismissedArgs): boolean => {
     return overagePreferences.find((value) => value.name === preferenceName) !== undefined;
diff --git a/webapp/channels/src/components/invitation_modal/result_table.tsx b/webapp/channels/src/components/invitation_modal/result_table.tsx
index 75c4affe83b..1dad149c491 100644
--- a/webapp/channels/src/components/invitation_modal/result_table.tsx
+++ b/webapp/channels/src/components/invitation_modal/result_table.tsx
@@ -20,31 +20,31 @@ import './result_table.scss';
 
 type InviteNotSent = {
     text: React.ReactNode | React.ReactNodeArray;
-}
+};
 
 type InviteEmail = {
     email: string;
-}
+};
 
 type InviteUser = {
     user: UserProfile;
-}
+};
 
 type I18nLike = {
     id: string;
     defaultMessage: string;
     values?: Record<string, React.ReactNode>;
-}
+};
 
 export type InviteResult = (InviteNotSent | InviteEmail | InviteUser) & {
     reason: string | I18nLike;
     path?: string;
-}
+};
 
 export type Props = {
     sent?: boolean;
     rows: InviteResult[];
-}
+};
 
 export default function ResultTable(props: Props) {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/invitation_modal/result_view.tsx b/webapp/channels/src/components/invitation_modal/result_view.tsx
index 6d0ce32798a..cf61bf846a7 100644
--- a/webapp/channels/src/components/invitation_modal/result_view.tsx
+++ b/webapp/channels/src/components/invitation_modal/result_view.tsx
@@ -17,7 +17,7 @@ import type {InviteResult} from './result_table';
 export type InviteResults = {
     sent: InviteResult[];
     notSent: InviteResult[];
-}
+};
 
 export type ResultState = {
     sent: InviteResult[];
diff --git a/webapp/channels/src/components/join_private_channel_modal.tsx b/webapp/channels/src/components/join_private_channel_modal.tsx
index c49556fe8b2..0f92d700ab1 100644
--- a/webapp/channels/src/components/join_private_channel_modal.tsx
+++ b/webapp/channels/src/components/join_private_channel_modal.tsx
@@ -11,7 +11,7 @@ type Props = {
     onCancel: () => void;
     onExited: () => void;
     onJoin: () => void;
-}
+};
 
 function JoinPrivateChannelModal({channelName, onCancel, onExited, onJoin}: Props) {
     const join = React.useRef<boolean>(false);
diff --git a/webapp/channels/src/components/learn_more_trial_modal/learn_more_trial_modal.tsx b/webapp/channels/src/components/learn_more_trial_modal/learn_more_trial_modal.tsx
index 3a952120c6a..afb5e8a42a2 100644
--- a/webapp/channels/src/components/learn_more_trial_modal/learn_more_trial_modal.tsx
+++ b/webapp/channels/src/components/learn_more_trial_modal/learn_more_trial_modal.tsx
@@ -26,7 +26,7 @@ import StartTrialBtn from './start_trial_btn';
 type Props = {
     onClose?: () => void;
     onExited: () => void;
-}
+};
 
 const LearnMoreTrialModal = (
     {
diff --git a/webapp/channels/src/components/learn_more_trial_modal/learn_more_trial_modal_step.tsx b/webapp/channels/src/components/learn_more_trial_modal/learn_more_trial_modal_step.tsx
index 91d96be3b66..fa209d74777 100644
--- a/webapp/channels/src/components/learn_more_trial_modal/learn_more_trial_modal_step.tsx
+++ b/webapp/channels/src/components/learn_more_trial_modal/learn_more_trial_modal_step.tsx
@@ -17,7 +17,7 @@ export type LearnMoreTrialModalStepProps = {
     pageURL?: string;
     buttonLabel?: string;
     handleOnClose?: () => void;
-}
+};
 
 const LearnMoreTrialModalStep = (
     {
diff --git a/webapp/channels/src/components/leave_channel_modal/leave_channel_modal.tsx b/webapp/channels/src/components/leave_channel_modal/leave_channel_modal.tsx
index de94d45eb83..d7c7027c98b 100644
--- a/webapp/channels/src/components/leave_channel_modal/leave_channel_modal.tsx
+++ b/webapp/channels/src/components/leave_channel_modal/leave_channel_modal.tsx
@@ -21,7 +21,7 @@ type Props = {
         leaveChannel: (channelId: string) => any;
         muteChannel?: (userId: string, channelId: string) => any;
     };
-}
+};
 
 const LeaveChannelModal = ({actions, channel, callback, currentUserId, isMuted, onExited}: Props) => {
     const [show, setShow] = useState(true);
diff --git a/webapp/channels/src/components/linking_landing_page/linking_landing_page.tsx b/webapp/channels/src/components/linking_landing_page/linking_landing_page.tsx
index 79f91b8c82a..a508c680256 100644
--- a/webapp/channels/src/components/linking_landing_page/linking_landing_page.tsx
+++ b/webapp/channels/src/components/linking_landing_page/linking_landing_page.tsx
@@ -24,7 +24,7 @@ type Props = {
     siteName?: string;
     brandImageUrl?: string;
     enableCustomBrand: boolean;
-}
+};
 
 type State = {
     rememberChecked: boolean;
@@ -33,7 +33,7 @@ type State = {
     nativeLocation: string;
     brandImageError: boolean;
     navigating: boolean;
-}
+};
 
 function safeRedirect(path: string) {
     const url = new URL(path);
diff --git a/webapp/channels/src/components/list_modal.tsx b/webapp/channels/src/components/list_modal.tsx
index 0cb743c3b38..a55f899fee4 100644
--- a/webapp/channels/src/components/list_modal.tsx
+++ b/webapp/channels/src/components/list_modal.tsx
@@ -79,7 +79,7 @@ type Props = {
      *     const renderRow = (item, listModal) => <div>{item.id}</div>;
      */
     renderRow: (item: Group, listModal: ListModal) => JSX.Element;
-}
+};
 
 type State = {
     show: boolean;
@@ -88,7 +88,7 @@ type State = {
     totalCount: number;
     loading: boolean;
     searchTerm: string;
-}
+};
 
 export default class ListModal extends React.PureComponent<Props, State> {
     static defaultProps = {
diff --git a/webapp/channels/src/components/loading_image_preview.tsx b/webapp/channels/src/components/loading_image_preview.tsx
index ca1efa8ded8..6fe5441790d 100644
--- a/webapp/channels/src/components/loading_image_preview.tsx
+++ b/webapp/channels/src/components/loading_image_preview.tsx
@@ -9,7 +9,7 @@ type Props = {
     loading?: React.ReactNode;
     progress?: number;
     containerClass?: string;
-}
+};
 
 const LoadingImagePreview: React.FC<Props> = ({
     loading,
diff --git a/webapp/channels/src/components/loading_screen.tsx b/webapp/channels/src/components/loading_screen.tsx
index bcf31209ade..5057e6e4bf9 100644
--- a/webapp/channels/src/components/loading_screen.tsx
+++ b/webapp/channels/src/components/loading_screen.tsx
@@ -12,7 +12,7 @@ type Props = {
     message?: ReactNode;
     className?: string;
     centered?: boolean;
-}
+};
 
 function LoadingScreen({message, position = 'relative', style, className = '', centered = false}: Props) {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/logged_in/logged_in.tsx b/webapp/channels/src/components/logged_in/logged_in.tsx
index 6fd0d6ebf65..10ab9e8585f 100644
--- a/webapp/channels/src/components/logged_in/logged_in.tsx
+++ b/webapp/channels/src/components/logged_in/logged_in.tsx
@@ -46,7 +46,7 @@ export type Props = {
         pathname: string;
         search: string;
     };
-}
+};
 
 export default class LoggedIn extends React.PureComponent<Props> {
     private cleanupDesktopListeners?: () => void;
diff --git a/webapp/channels/src/components/login/login.tsx b/webapp/channels/src/components/login/login.tsx
index 9715345d1a8..b3f8ed37cc5 100644
--- a/webapp/channels/src/components/login/login.tsx
+++ b/webapp/channels/src/components/login/login.tsx
@@ -64,7 +64,7 @@ const MOBILE_SCREEN_WIDTH = 1200;
 
 type LoginProps = {
     onCustomizeHeader?: CustomizeHeaderType;
-}
+};
 
 const Login = ({onCustomizeHeader}: LoginProps) => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/login/login_mfa.tsx b/webapp/channels/src/components/login/login_mfa.tsx
index a8aa61d51cb..b40ed81ae4c 100644
--- a/webapp/channels/src/components/login/login_mfa.tsx
+++ b/webapp/channels/src/components/login/login_mfa.tsx
@@ -18,7 +18,7 @@ type LoginMfaProps = {
     title?: ReactNode;
     subtitle?: ReactNode;
     onSubmit: ({loginId, password, token}: SubmitOptions) => void;
-}
+};
 
 const LoginMfa = ({loginId, password, title, subtitle, onSubmit}: LoginMfaProps) => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/mark_all_as_read_modal.tsx b/webapp/channels/src/components/mark_all_as_read_modal.tsx
index c9cea8be315..541949dae68 100644
--- a/webapp/channels/src/components/mark_all_as_read_modal.tsx
+++ b/webapp/channels/src/components/mark_all_as_read_modal.tsx
@@ -15,7 +15,7 @@ export type Props = {
     onConfirm: (dontAskAgain: boolean) => void;
     onExited?: () => void;
     onHide?: () => void;
-}
+};
 
 export default function MarkAllAsReadModal({
     onConfirm,
diff --git a/webapp/channels/src/components/markdown/markdown.tsx b/webapp/channels/src/components/markdown/markdown.tsx
index 6239c643c8f..ccbabd058f9 100644
--- a/webapp/channels/src/components/markdown/markdown.tsx
+++ b/webapp/channels/src/components/markdown/markdown.tsx
@@ -76,7 +76,7 @@ export type OwnProps = {
      * Defaults to false.
      */
     allowInlineActions?: boolean;
-}
+};
 
 function Markdown({
     options = {},
diff --git a/webapp/channels/src/components/markdown_image_expand/index.ts b/webapp/channels/src/components/markdown_image_expand/index.ts
index a3931f1acda..ba7642aed5d 100644
--- a/webapp/channels/src/components/markdown_image_expand/index.ts
+++ b/webapp/channels/src/components/markdown_image_expand/index.ts
@@ -20,7 +20,7 @@ export type OwnProps = {
     alt: string;
     onToggle?: (visible: boolean) => void;
     children: ReactNode;
-}
+};
 
 const mapStateToProps = (state: GlobalState, {postId, imageKey}: OwnProps) => {
     return {
diff --git a/webapp/channels/src/components/member_list_channel/member_list_channel.tsx b/webapp/channels/src/components/member_list_channel/member_list_channel.tsx
index 58f6e9d619f..5c2a1bcb0fa 100644
--- a/webapp/channels/src/components/member_list_channel/member_list_channel.tsx
+++ b/webapp/channels/src/components/member_list_channel/member_list_channel.tsx
@@ -50,11 +50,11 @@ export type Props = {
             channelId: string
         ) => Promise<ActionResult>;
     };
-}
+};
 
 type State = {
     loading: boolean;
-}
+};
 
 export default class MemberListChannel extends React.PureComponent<Props, State> {
     private searchTimeoutId: number;
diff --git a/webapp/channels/src/components/member_list_team/index.ts b/webapp/channels/src/components/member_list_team/index.ts
index 8da03e6d243..5a201402a0e 100644
--- a/webapp/channels/src/components/member_list_team/index.ts
+++ b/webapp/channels/src/components/member_list_team/index.ts
@@ -22,7 +22,7 @@ import MemberListTeam from './member_list_team';
 
 type Props = {
     teamId?: string;
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: Props) {
     const canManageTeamMembers = haveITeamPermission(state, ownProps.teamId, Permissions.MANAGE_TEAM_ROLES);
diff --git a/webapp/channels/src/components/member_list_team/member_list_team.tsx b/webapp/channels/src/components/member_list_team/member_list_team.tsx
index c220ffb76e9..b57fbc9c1e8 100644
--- a/webapp/channels/src/components/member_list_team/member_list_team.tsx
+++ b/webapp/channels/src/components/member_list_team/member_list_team.tsx
@@ -35,11 +35,11 @@ type Props = {
         loadTeamMembersForProfilesList: (profiles: any, teamId: string, reloadAllMembers: boolean) => Promise<ActionResult>;
         setModalSearchTerm: (term: string) => ActionResult;
     };
-}
+};
 
 type State = {
     loading: boolean;
-}
+};
 
 export default class MemberListTeam extends React.PureComponent<Props, State> {
     private searchTimeoutId: number;
diff --git a/webapp/channels/src/components/menu/menu.tsx b/webapp/channels/src/components/menu/menu.tsx
index f7b99c60354..9851766bf30 100644
--- a/webapp/channels/src/components/menu/menu.tsx
+++ b/webapp/channels/src/components/menu/menu.tsx
@@ -48,14 +48,14 @@ type MenuButtonProps = {
     class?: string;
     as?: 'button' | 'div';
     children: ReactNode;
-}
+};
 
 type MenuButtonTooltipProps = {
     isVertical?: boolean;
     class?: string;
     text: string;
     disabled?: boolean;
-}
+};
 
 type MenuProps = {
 
@@ -94,7 +94,7 @@ type MenuProps = {
      * Defaults to true (standard MUI behavior).
      */
     autoFocusItem?: boolean;
-}
+};
 
 const defaultAnchorOrigin = {vertical: 'bottom', horizontal: 'left'} as PopoverOrigin;
 const defaultTransformOrigin = {vertical: 'top', horizontal: 'left'} as PopoverOrigin;
diff --git a/webapp/channels/src/components/menu/menu_context_test.tsx b/webapp/channels/src/components/menu/menu_context_test.tsx
index f0e9021d65f..5245abc49bf 100644
--- a/webapp/channels/src/components/menu/menu_context_test.tsx
+++ b/webapp/channels/src/components/menu/menu_context_test.tsx
@@ -7,7 +7,7 @@ import {MenuContext, useMenuContextValue} from './menu_context';
 
 type Props = {
     children: React.ReactNode;
-}
+};
 
 export function WithTestMenuContext({
     children,
diff --git a/webapp/channels/src/components/menu/menu_item.tsx b/webapp/channels/src/components/menu/menu_item.tsx
index d1f3648295c..ed8666414ce 100644
--- a/webapp/channels/src/components/menu/menu_item.tsx
+++ b/webapp/channels/src/components/menu/menu_item.tsx
@@ -108,7 +108,7 @@ export interface Props extends MuiMenuItemProps {
  * </Menu.Container>
  */
 export type FirstMenuItemProps = Omit<
-Props,
+    Props,
 | 'onClick'
 | 'leadingElement'
 | 'labels'
diff --git a/webapp/channels/src/components/menu/menu_item_link.tsx b/webapp/channels/src/components/menu/menu_item_link.tsx
index ada15651681..abda2094a50 100644
--- a/webapp/channels/src/components/menu/menu_item_link.tsx
+++ b/webapp/channels/src/components/menu/menu_item_link.tsx
@@ -17,7 +17,7 @@ import {getNavigationBlocked} from '../../selectors/views/admin';
 type Props = MenuItemProps & {
     to: string;
     onClick?: MenuItemProps['onClick'];
-}
+};
 
 export function MenuItemLink({
     to,
diff --git a/webapp/channels/src/components/menu/menu_item_separator.tsx b/webapp/channels/src/components/menu/menu_item_separator.tsx
index 283a60fd45c..ddf485e2e1b 100644
--- a/webapp/channels/src/components/menu/menu_item_separator.tsx
+++ b/webapp/channels/src/components/menu/menu_item_separator.tsx
@@ -14,7 +14,7 @@ import React from 'react';
  *   <Menu.Separator />
  * </Menu.Container>
  */
-export function MenuItemSeparator(props: DividerProps & {component?: ElementType }) {
+export function MenuItemSeparator(props: DividerProps & {component?: ElementType}) {
     return (
         <Divider
             aria-orientation='vertical'
diff --git a/webapp/channels/src/components/message_with_additional_content.tsx b/webapp/channels/src/components/message_with_additional_content.tsx
index 18c4511a4d8..b289dbb10ef 100644
--- a/webapp/channels/src/components/message_with_additional_content.tsx
+++ b/webapp/channels/src/components/message_with_additional_content.tsx
@@ -21,7 +21,7 @@ type Props = {
     isRHS: boolean;
     compactDisplay?: boolean;
     isChannelAutotranslated: boolean;
-}
+};
 
 export default function MessageWithAdditionalContent({
     post,
diff --git a/webapp/channels/src/components/mfa/confirm.test.tsx b/webapp/channels/src/components/mfa/confirm.test.tsx
index 68aeaa2b82b..552a49a8220 100644
--- a/webapp/channels/src/components/mfa/confirm.test.tsx
+++ b/webapp/channels/src/components/mfa/confirm.test.tsx
@@ -35,7 +35,7 @@ describe('components/mfa/components/Confirm', () => {
     });
 
     test('should submit on enter', () => {
-        const map: { [key: string]: any } = {
+        const map: {[key: string]: any} = {
             keydown: null,
         };
         document.body.addEventListener = jest.fn().mockImplementation((event: string, callback: string) => {
diff --git a/webapp/channels/src/components/mfa/confirm.tsx b/webapp/channels/src/components/mfa/confirm.tsx
index ffe63ee4e7f..e4863bb2ec6 100644
--- a/webapp/channels/src/components/mfa/confirm.tsx
+++ b/webapp/channels/src/components/mfa/confirm.tsx
@@ -18,7 +18,7 @@ const submit = (e: KeyboardEvent | React.FormEvent<HTMLFormElement>): void => {
     redirectUserToDefaultTeam();
 };
 
-const onKeyPress = (e: React.KeyboardEvent<HTMLFormElement>| KeyboardEvent) => {
+const onKeyPress = (e: React.KeyboardEvent<HTMLFormElement> | KeyboardEvent) => {
     if (isKeyPressed(e as KeyboardEvent, KeyCodes.ENTER)) {
         submit(e);
     }
diff --git a/webapp/channels/src/components/mfa/mfa_controller/mfa_controller.tsx b/webapp/channels/src/components/mfa/mfa_controller/mfa_controller.tsx
index c7728f6b92c..9f0041bd3eb 100644
--- a/webapp/channels/src/components/mfa/mfa_controller/mfa_controller.tsx
+++ b/webapp/channels/src/components/mfa/mfa_controller/mfa_controller.tsx
@@ -18,7 +18,7 @@ import Setup from '../setup';
 
 type Location = {
     search: string;
-}
+};
 
 type Props = {
     location: Location;
@@ -33,7 +33,7 @@ type Props = {
     match: {
         url: string;
     };
-}
+};
 
 export default class MFAController extends React.PureComponent<Props & RouteComponentProps> {
     public componentDidMount(): void {
diff --git a/webapp/channels/src/components/mfa/setup/setup.tsx b/webapp/channels/src/components/mfa/setup/setup.tsx
index 5fe1c4c097f..b8fd5d2e80d 100644
--- a/webapp/channels/src/components/mfa/setup/setup.tsx
+++ b/webapp/channels/src/components/mfa/setup/setup.tsx
@@ -33,14 +33,14 @@ type Props = {
     history: {
         push(path: string): void;
     };
-}
+};
 
 type State = {
     secret: string;
     qrCode: string;
     error: React.ReactNode;
     serverError?: string;
-}
+};
 
 export default class Setup extends React.PureComponent<Props, State> {
     input: React.RefObject<HTMLInputElement>;
diff --git a/webapp/channels/src/components/mobile_channel_header/collapse_lhs_button/collapse_lhs_button.tsx b/webapp/channels/src/components/mobile_channel_header/collapse_lhs_button/collapse_lhs_button.tsx
index 9e1a1b20a96..9b9fd0b3554 100644
--- a/webapp/channels/src/components/mobile_channel_header/collapse_lhs_button/collapse_lhs_button.tsx
+++ b/webapp/channels/src/components/mobile_channel_header/collapse_lhs_button/collapse_lhs_button.tsx
@@ -11,7 +11,7 @@ type Props = {
     actions: {
         toggleLhs: (e?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     };
-}
+};
 
 const CollapseLhsButton: React.FunctionComponent<Props> = (props: Props) => (
     <button
diff --git a/webapp/channels/src/components/mobile_channel_header/collapse_rhs_button/collapse_rhs_button.tsx b/webapp/channels/src/components/mobile_channel_header/collapse_rhs_button/collapse_rhs_button.tsx
index e2dd4f8ae02..754bba5c910 100644
--- a/webapp/channels/src/components/mobile_channel_header/collapse_rhs_button/collapse_rhs_button.tsx
+++ b/webapp/channels/src/components/mobile_channel_header/collapse_rhs_button/collapse_rhs_button.tsx
@@ -8,11 +8,11 @@ import MenuIcon from 'components/widgets/icons/menu_icon';
 
 type Actions = {
     toggleRhsMenu: (e?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-}
+};
 
 type Props = {
     actions: Actions;
-}
+};
 
 const CollapseRhsButton: React.FunctionComponent<Props> = (props: Props) => (
     <button
diff --git a/webapp/channels/src/components/mobile_channel_header/index.ts b/webapp/channels/src/components/mobile_channel_header/index.ts
index 6a3342335ac..aa39a3484df 100644
--- a/webapp/channels/src/components/mobile_channel_header/index.ts
+++ b/webapp/channels/src/components/mobile_channel_header/index.ts
@@ -34,7 +34,7 @@ const isCurrentChannelMuted = createSelector(
 
 type OwnProps = {
     location: Location;
-}
+};
 
 const mapStateToProps = (state: GlobalState, ownProps: OwnProps) => ({
     user: getCurrentUser(state),
diff --git a/webapp/channels/src/components/mobile_channel_header/mobile_channel_header.tsx b/webapp/channels/src/components/mobile_channel_header/mobile_channel_header.tsx
index c570fec36c2..be33aeb7058 100644
--- a/webapp/channels/src/components/mobile_channel_header/mobile_channel_header.tsx
+++ b/webapp/channels/src/components/mobile_channel_header/mobile_channel_header.tsx
@@ -31,7 +31,7 @@ type Props = {
         closeRhs: () => void;
         closeRhsMenu: () => void;
     };
-}
+};
 
 export default class MobileChannelHeader extends React.PureComponent<Props> {
     componentDidMount() {
diff --git a/webapp/channels/src/components/mobile_channel_header/show_search_button/show_search_button.tsx b/webapp/channels/src/components/mobile_channel_header/show_search_button/show_search_button.tsx
index 19b30f0299c..f078464b9f7 100644
--- a/webapp/channels/src/components/mobile_channel_header/show_search_button/show_search_button.tsx
+++ b/webapp/channels/src/components/mobile_channel_header/show_search_button/show_search_button.tsx
@@ -8,11 +8,11 @@ import SearchIcon from 'components/widgets/icons/search_icon';
 
 type Actions = {
     openRHSSearch: () => void;
-}
+};
 
 type Props = {
     actions: Actions;
-}
+};
 
 const ShowSearchButton = ({actions}: Props) => {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/mobile_channel_header/unmute_channel_button/unmute_channel_button.tsx b/webapp/channels/src/components/mobile_channel_header/unmute_channel_button/unmute_channel_button.tsx
index 52b4aa670cc..3b190c65d5a 100644
--- a/webapp/channels/src/components/mobile_channel_header/unmute_channel_button/unmute_channel_button.tsx
+++ b/webapp/channels/src/components/mobile_channel_header/unmute_channel_button/unmute_channel_button.tsx
@@ -12,8 +12,8 @@ type Actions = {
 };
 
 type Props = {
-    user: { id: string };
-    channel: { id: string };
+    user: {id: string};
+    channel: {id: string};
     actions: Actions;
 };
 
diff --git a/webapp/channels/src/components/modal_controller/modal_controller.test.tsx b/webapp/channels/src/components/modal_controller/modal_controller.test.tsx
index ca554413a2c..9442e3d04cb 100644
--- a/webapp/channels/src/components/modal_controller/modal_controller.test.tsx
+++ b/webapp/channels/src/components/modal_controller/modal_controller.test.tsx
@@ -12,11 +12,11 @@ import ModalController from '.';
 
 type TestModalProps = {
     onExited: () => void;
-}
+};
 
 type TestModalState = {
     show: boolean;
-}
+};
 
 class TestModal extends React.PureComponent<TestModalProps, TestModalState> {
     constructor(props: TestModalProps) {
diff --git a/webapp/channels/src/components/modal_controller/modal_controller.tsx b/webapp/channels/src/components/modal_controller/modal_controller.tsx
index a43da652f04..9094ad82f0d 100644
--- a/webapp/channels/src/components/modal_controller/modal_controller.tsx
+++ b/webapp/channels/src/components/modal_controller/modal_controller.tsx
@@ -7,7 +7,7 @@ type Modal = {
     open: boolean;
     dialogType: React.ComponentType;
     dialogProps?: Record<string, any>;
-}
+};
 
 type Props = {
 
@@ -30,7 +30,7 @@ type Props = {
          */
         closeModal: (modalId: string) => void;
     };
-}
+};
 
 const ModalController = ({
     modals,
diff --git a/webapp/channels/src/components/more_direct_channels/index.ts b/webapp/channels/src/components/more_direct_channels/index.ts
index 9f0a78d5595..b3cb23be712 100644
--- a/webapp/channels/src/components/more_direct_channels/index.ts
+++ b/webapp/channels/src/components/more_direct_channels/index.ts
@@ -37,7 +37,7 @@ import MoreDirectChannels from './more_direct_channels';
 
 type OwnProps = {
     isExistingChannel: boolean;
-}
+};
 
 export const makeMapStateToProps = () => {
     const searchProfilesStartingWithTerm = makeSearchProfilesStartingWithTerm();
diff --git a/webapp/channels/src/components/more_direct_channels/list/index.ts b/webapp/channels/src/components/more_direct_channels/list/index.ts
index db952c82b77..cd5faddde21 100644
--- a/webapp/channels/src/components/more_direct_channels/list/index.ts
+++ b/webapp/channels/src/components/more_direct_channels/list/index.ts
@@ -22,7 +22,7 @@ import type {Option, OptionValue} from '../types';
 type OwnProps = {
     users: UserProfile[];
     values: OptionValue[];
-}
+};
 
 export function makeGetOptions(): (state: GlobalState, users: UserProfile[], values: OptionValue[]) => Option[] {
     // Gets all loaded DMs (as UserProfiles)
diff --git a/webapp/channels/src/components/more_direct_channels/list/list.tsx b/webapp/channels/src/components/more_direct_channels/list/list.tsx
index 26a16b77ea3..ba674975228 100644
--- a/webapp/channels/src/components/more_direct_channels/list/list.tsx
+++ b/webapp/channels/src/components/more_direct_channels/list/list.tsx
@@ -41,7 +41,7 @@ type Props = {
      * An array of values that have been selected by the user in the multiselect.
      */
     values: OptionValue[];
-}
+};
 
 const List = React.forwardRef((props: Props, ref?: React.Ref<MultiSelect<OptionValue>>) => {
     const renderOptionValue = useCallback((
diff --git a/webapp/channels/src/components/more_direct_channels/list_item/list_item.tsx b/webapp/channels/src/components/more_direct_channels/list_item/list_item.tsx
index 18b39fefb66..903a896d207 100644
--- a/webapp/channels/src/components/more_direct_channels/list_item/list_item.tsx
+++ b/webapp/channels/src/components/more_direct_channels/list_item/list_item.tsx
@@ -35,7 +35,7 @@ export type Props = {
     isSelected: boolean;
     add: (value: OptionValue) => void;
     select: (value: OptionValue) => void;
-}
+};
 
 const ListItem = React.forwardRef((props: Props, ref?: React.Ref<HTMLDivElement>) => {
     const {
diff --git a/webapp/channels/src/components/more_direct_channels/list_item/user_details/index.ts b/webapp/channels/src/components/more_direct_channels/list_item/user_details/index.ts
index 820ed434977..6627bd69a1e 100644
--- a/webapp/channels/src/components/more_direct_channels/list_item/user_details/index.ts
+++ b/webapp/channels/src/components/more_direct_channels/list_item/user_details/index.ts
@@ -16,7 +16,7 @@ import UserDetails from './user_details';
 
 type OwnProps = {
     option: UserProfile;
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     return {
diff --git a/webapp/channels/src/components/more_direct_channels/more_direct_channels.tsx b/webapp/channels/src/components/more_direct_channels/more_direct_channels.tsx
index 7bdc31cce01..3ef143fe85d 100644
--- a/webapp/channels/src/components/more_direct_channels/more_direct_channels.tsx
+++ b/webapp/channels/src/components/more_direct_channels/more_direct_channels.tsx
@@ -60,7 +60,7 @@ export type Props = {
         canUserDirectMessage: (userId: string, otherUserId: string) => Promise<ActionResult<{can_dm: boolean}>>;
     };
     focusOriginElement: string;
-}
+};
 
 type State = {
     values: OptionValue[];
@@ -69,7 +69,7 @@ type State = {
     saving: boolean;
     loadingUsers: boolean;
     directMessageCapabilityCache: Record<string, boolean>;
-}
+};
 
 export default class MoreDirectChannels extends React.PureComponent<Props, State> {
     searchTimeoutId: any;
diff --git a/webapp/channels/src/components/more_direct_channels/types.ts b/webapp/channels/src/components/more_direct_channels/types.ts
index 78af8bc8c66..b4391c87b84 100644
--- a/webapp/channels/src/components/more_direct_channels/types.ts
+++ b/webapp/channels/src/components/more_direct_channels/types.ts
@@ -9,7 +9,7 @@ import type {Value} from 'components/multiselect/multiselect';
 // Not to be confused with the GroupChannel type used for LDAP groups
 export type GroupChannel = Channel & {
     profiles: UserProfile[];
-}
+};
 
 export function isGroupChannel(option: UserProfile | GroupChannel): option is GroupChannel {
     return (option as GroupChannel)?.type === 'G';
diff --git a/webapp/channels/src/components/move_thread_modal/move_thread_modal.tsx b/webapp/channels/src/components/move_thread_modal/move_thread_modal.tsx
index 5f86cb88d55..27df926deb6 100644
--- a/webapp/channels/src/components/move_thread_modal/move_thread_modal.tsx
+++ b/webapp/channels/src/components/move_thread_modal/move_thread_modal.tsx
@@ -37,7 +37,7 @@ export type ActionProps = {
 
     // action called to move the post from the original channel to a new channel
     moveThread: (postId: string, channelId: string) => Promise<ActionResult>;
-}
+};
 
 export type OwnProps = {
 
diff --git a/webapp/channels/src/components/msg_typing/msg_typing.tsx b/webapp/channels/src/components/msg_typing/msg_typing.tsx
index 88636b29d8e..663f906a6a7 100644
--- a/webapp/channels/src/components/msg_typing/msg_typing.tsx
+++ b/webapp/channels/src/components/msg_typing/msg_typing.tsx
@@ -14,7 +14,7 @@ type Props = {
     typingUsers: string[];
     userStartedTyping: (userId: string, channelId: string, rootId: string, now: number) => void;
     userStoppedTyping: (userId: string, channelId: string, rootId: string, now: number) => void;
-}
+};
 
 export default function MsgTyping(props: Props) {
     const {userStartedTyping, userStoppedTyping} = props;
diff --git a/webapp/channels/src/components/multiselect/multiselect.tsx b/webapp/channels/src/components/multiselect/multiselect.tsx
index 8d697f63915..af1a7d545c6 100644
--- a/webapp/channels/src/components/multiselect/multiselect.tsx
+++ b/webapp/channels/src/components/multiselect/multiselect.tsx
@@ -69,14 +69,14 @@ export type Props<T extends Value> = {
     handleCancel?: () => void;
     customNoOptionsMessage?: React.ReactNode;
     required?: boolean;
-}
+};
 
 export type State = {
     a11yActive: boolean;
     input: string;
     page: number;
     hasError: boolean;
-}
+};
 
 const KeyCodes = Constants.KeyCodes;
 
diff --git a/webapp/channels/src/components/multiselect/multiselect_list.tsx b/webapp/channels/src/components/multiselect/multiselect_list.tsx
index 2793da71aa0..4ab3feea017 100644
--- a/webapp/channels/src/components/multiselect/multiselect_list.tsx
+++ b/webapp/channels/src/components/multiselect/multiselect_list.tsx
@@ -27,11 +27,11 @@ export type Props<T extends Value> = {
     selectedItemRef?: React.RefObject<HTMLDivElement>;
     options: T[];
     customNoOptionsMessage?: React.ReactNode;
-}
+};
 
 type State = {
     selected: number;
-}
+};
 const KeyCodes = Constants.KeyCodes;
 
 export default class MultiSelectList<T extends Value> extends React.PureComponent<Props<T>, State> {
diff --git a/webapp/channels/src/components/new_replies_banner/index.ts b/webapp/channels/src/components/new_replies_banner/index.ts
index 540df39622c..2f72c93c887 100644
--- a/webapp/channels/src/components/new_replies_banner/index.ts
+++ b/webapp/channels/src/components/new_replies_banner/index.ts
@@ -21,7 +21,7 @@ type Props = {
     threadId: Post['id'];
     lastViewedBottom: number;
     canShow: boolean;
-}
+};
 
 function makeGetHasNewRepliesSince(): (state: GlobalState, threadId: string, lastViewed: number) => boolean {
     const getPostsForThread = makeGetPostsForThread();
diff --git a/webapp/channels/src/components/new_replies_banner/new_replies_banner.tsx b/webapp/channels/src/components/new_replies_banner/new_replies_banner.tsx
index 10fdd9ef602..cc96749c710 100644
--- a/webapp/channels/src/components/new_replies_banner/new_replies_banner.tsx
+++ b/webapp/channels/src/components/new_replies_banner/new_replies_banner.tsx
@@ -19,7 +19,7 @@ type Props = {
     actions: {
         updateThreadToastStatus: (status: boolean) => void;
     };
-}
+};
 
 function NewRepliesBanner({
     hasNewReplies,
diff --git a/webapp/channels/src/components/new_search/extension_suggestions.tsx b/webapp/channels/src/components/new_search/extension_suggestions.tsx
index c3d239fd3a0..f78c0099412 100644
--- a/webapp/channels/src/components/new_search/extension_suggestions.tsx
+++ b/webapp/channels/src/components/new_search/extension_suggestions.tsx
@@ -101,8 +101,8 @@ const messages: Record<string, MessageDescriptor> =
     });
 
 const SearchFileExtensionSuggestion = React.forwardRef<
-HTMLDivElement,
-SuggestionProps<ExtensionItem>
+    HTMLDivElement,
+    SuggestionProps<ExtensionItem>
 >(({id, item, onClick, matchedPretext, isSelection}, ref) => {
     const intl = useIntl();
 
diff --git a/webapp/channels/src/components/new_search/search_box_hints.tsx b/webapp/channels/src/components/new_search/search_box_hints.tsx
index 3f49e8c67f7..43256d9283d 100644
--- a/webapp/channels/src/components/new_search/search_box_hints.tsx
+++ b/webapp/channels/src/components/new_search/search_box_hints.tsx
@@ -21,7 +21,7 @@ type Props = {
     selectedTerm: string;
     results: SuggestionResults;
     focus: (pos: number) => void;
-}
+};
 
 const SearchBoxHints = ({searchTerms, searchTeam, setSearchTerms, searchType, results, selectedTerm, focus}: Props) => {
     const filterSelectedCallback = useCallback((filter: string) => {
diff --git a/webapp/channels/src/components/new_search/search_box_input.tsx b/webapp/channels/src/components/new_search/search_box_input.tsx
index b3e032bc65e..9cfbef8332f 100644
--- a/webapp/channels/src/components/new_search/search_box_input.tsx
+++ b/webapp/channels/src/components/new_search/search_box_input.tsx
@@ -73,7 +73,7 @@ type Props = React.AriaAttributes & {
     setSearchTerms: (searchTerms: string) => void;
     onKeyDown: (e: React.KeyboardEvent<Element>) => void;
     focus: (newPosition: number) => void;
-}
+};
 
 const SearchInput = forwardRef<HTMLInputElement, Props>(({searchTerms, searchType, setSearchTerms, onKeyDown, focus, ...otherProps}, inputRef) => {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/new_search/search_box_suggestions.tsx b/webapp/channels/src/components/new_search/search_box_suggestions.tsx
index 44a6c8636bb..64d660549da 100644
--- a/webapp/channels/src/components/new_search/search_box_suggestions.tsx
+++ b/webapp/channels/src/components/new_search/search_box_suggestions.tsx
@@ -40,7 +40,7 @@ type Props = {
     results: SuggestionResults;
     onSearch: (searchType: string, searchTeam: string, searchTerms: string) => void;
     onSuggestionSelected: (value: string, matchedPretext: string) => void;
-}
+};
 
 const SearchSuggestions = ({
     id,
diff --git a/webapp/channels/src/components/new_search/search_box_type_selector.tsx b/webapp/channels/src/components/new_search/search_box_type_selector.tsx
index 9fcb06a0fa8..3f7b08a5039 100644
--- a/webapp/channels/src/components/new_search/search_box_type_selector.tsx
+++ b/webapp/channels/src/components/new_search/search_box_type_selector.tsx
@@ -46,7 +46,7 @@ const SearchTypeItem = styled.button<SearchTypeItemProps>`
 type Props = {
     searchType: string;
     setSearchType: (searchType: string) => void;
-}
+};
 
 const SearchTypeSelector = ({searchType, setSearchType}: Props) => {
     const setMessagesSearchType = useCallback(() => setSearchType('messages'), [setSearchType]);
diff --git a/webapp/channels/src/components/new_search/search_hint.tsx b/webapp/channels/src/components/new_search/search_hint.tsx
index 53da3560452..9033e234402 100644
--- a/webapp/channels/src/components/new_search/search_hint.tsx
+++ b/webapp/channels/src/components/new_search/search_hint.tsx
@@ -14,7 +14,7 @@ type Props = {
     searchTeam: string;
     hasSelectedOption: boolean;
     isDate: boolean;
-}
+};
 
 const SearchHintsContainer = styled.div`
     display: flex;
diff --git a/webapp/channels/src/components/no_results_indicator/no_results_indicator.tsx b/webapp/channels/src/components/no_results_indicator/no_results_indicator.tsx
index 926f4a1472c..6bb030de2d6 100644
--- a/webapp/channels/src/components/no_results_indicator/no_results_indicator.tsx
+++ b/webapp/channels/src/components/no_results_indicator/no_results_indicator.tsx
@@ -25,7 +25,7 @@ interface Props {
     subtitleClassName?: string;
 }
 
-const iconMap: {[key in NoResultsVariant]: React.ReactNode } = {
+const iconMap: {[key in NoResultsVariant]: React.ReactNode} = {
     [NoResultsVariant.Search]: <SearchSVG className='no-results__icon'/>,
     [NoResultsVariant.ChannelSearch]: <ChannelSearchSVG className='no-results__icon'/>,
     [NoResultsVariant.Files]: <ChannelFilesSVG className='no-results__icon'/>,
diff --git a/webapp/channels/src/components/notification_box/notification_box.tsx b/webapp/channels/src/components/notification_box/notification_box.tsx
index c2771bae2d4..1e0aead8c02 100644
--- a/webapp/channels/src/components/notification_box/notification_box.tsx
+++ b/webapp/channels/src/components/notification_box/notification_box.tsx
@@ -6,7 +6,7 @@ import styled, {css} from 'styled-components';
 
 import {AlertOutlineIcon, CheckIcon, InformationOutlineIcon} from '@mattermost/compass-icons/components';
 
-type NotificationVariant = 'general' | 'info' | 'success'| 'warning' | 'danger';
+type NotificationVariant = 'general' | 'info' | 'success' | 'warning' | 'danger';
 
 type NotificationProps = {
     id?: string;
@@ -14,7 +14,7 @@ type NotificationProps = {
     title?: JSX.Element | string;
     text: JSX.Element | string;
     variant: NotificationVariant;
-}
+};
 
 const variantColorMap: Record<NotificationVariant, string> = {
     general: 'var(--semantic-color-general)',
@@ -26,7 +26,7 @@ const variantColorMap: Record<NotificationVariant, string> = {
 
 type NotificationWrapperProps = {
     color: string;
-}
+};
 
 const NotificationWrapper = styled.div(({color}: NotificationWrapperProps) => {
     return css`
diff --git a/webapp/channels/src/components/notify_admin_cta/notify_admin_cta.tsx b/webapp/channels/src/components/notify_admin_cta/notify_admin_cta.tsx
index e258cbb408f..ac40316f821 100644
--- a/webapp/channels/src/components/notify_admin_cta/notify_admin_cta.tsx
+++ b/webapp/channels/src/components/notify_admin_cta/notify_admin_cta.tsx
@@ -30,13 +30,13 @@ type HookProps = {
     ctaText?: React.ReactNode;
     successText?: React.ReactNode;
     preTrial?: boolean;
-}
+};
 
 type Props = HookProps & {
     notifyRequestData: NotifyAdminRequest;
-}
+};
 
-type ValueOf<T> = T[keyof T]
+type ValueOf<T> = T[keyof T];
 
 export function useNotifyAdmin<T = HTMLAnchorElement | HTMLButtonElement>(props: HookProps, reqData: NotifyAdminRequest): [React.ReactNode, (e: React.MouseEvent<T, MouseEvent>) => void, ValueOf<typeof NotifyStatus>] {
     const {btnText: btnFormaText, notifyAdmin, notifyStatus} = useGetNotifyAdmin({});
diff --git a/webapp/channels/src/components/payment_form/address_form.tsx b/webapp/channels/src/components/payment_form/address_form.tsx
index 0d35068a8f4..90ab2ea996b 100644
--- a/webapp/channels/src/components/payment_form/address_form.tsx
+++ b/webapp/channels/src/components/payment_form/address_form.tsx
@@ -20,7 +20,7 @@ type AddressFormProps = {
     title: MessageDescriptor;
     formId: string;
     address: Address;
-}
+};
 
 const AddressForm = (props: AddressFormProps) => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/payment_form/card_image.tsx b/webapp/channels/src/components/payment_form/card_image.tsx
index e55b0bd2e8d..73ffafddfc9 100644
--- a/webapp/channels/src/components/payment_form/card_image.tsx
+++ b/webapp/channels/src/components/payment_form/card_image.tsx
@@ -14,7 +14,7 @@ import './card_image.css';
 
 type Props = {
     brand: string;
-}
+};
 
 export default function CardImage(props: Props) {
     const {brand} = props;
diff --git a/webapp/channels/src/components/payment_form/country_selector.tsx b/webapp/channels/src/components/payment_form/country_selector.tsx
index abf1c179806..9307eef25a0 100644
--- a/webapp/channels/src/components/payment_form/country_selector.tsx
+++ b/webapp/channels/src/components/payment_form/country_selector.tsx
@@ -13,7 +13,7 @@ type CountrySelectorProps = {
     onChange: (option: any) => void;
     value?: string;
     testId?: string;
-}
+};
 
 const CountrySelector = (props: CountrySelectorProps) => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/payment_form/state_selector.tsx b/webapp/channels/src/components/payment_form/state_selector.tsx
index 41d39ad10f3..3f0191984f7 100644
--- a/webapp/channels/src/components/payment_form/state_selector.tsx
+++ b/webapp/channels/src/components/payment_form/state_selector.tsx
@@ -16,7 +16,7 @@ type Props = {
     testId?: string;
     onChange: (newValue: string) => void;
     onBlur?: () => void;
-}
+};
 
 // StateSelector will display a state dropdown for US and Canada.
 // Will display a open text input for any other country.
diff --git a/webapp/channels/src/components/pdf_preview.tsx b/webapp/channels/src/components/pdf_preview.tsx
index 8c702f52801..03217821dbb 100644
--- a/webapp/channels/src/components/pdf_preview.tsx
+++ b/webapp/channels/src/components/pdf_preview.tsx
@@ -30,7 +30,7 @@ export type Props = {
     fileUrl: string;
     scale: number;
     handleBgClose: (e: React.MouseEvent<Element, MouseEvent>) => void;
-}
+};
 
 type Status = 'success' | 'loading' | 'fail';
 
diff --git a/webapp/channels/src/components/permalink_view/actions.ts b/webapp/channels/src/components/permalink_view/actions.ts
index d6d26198eb0..84105d068fa 100644
--- a/webapp/channels/src/components/permalink_view/actions.ts
+++ b/webapp/channels/src/components/permalink_view/actions.ts
@@ -28,7 +28,7 @@ let privateChannelJoinPromptVisible = false;
 
 type Option = {
     skipRedirectReplyPermalink: boolean;
-}
+};
 
 function focusRootPost(post: Post, channel: Channel): ActionFuncAsync {
     return async (dispatch, getState) => {
diff --git a/webapp/channels/src/components/permalink_view/permalink_view.test.tsx b/webapp/channels/src/components/permalink_view/permalink_view.test.tsx
index 3ef4a0219de..de231b4745e 100644
--- a/webapp/channels/src/components/permalink_view/permalink_view.test.tsx
+++ b/webapp/channels/src/components/permalink_view/permalink_view.test.tsx
@@ -92,7 +92,7 @@ jest.mock('utils/channel_utils', () => ({
 describe('components/PermalinkView', () => {
     const baseProps: ComponentProps<typeof PermalinkView> = {
         channelId: 'channel_id',
-        match: {params: {postid: 'post_id'}} as match<{ postid: string }>,
+        match: {params: {postid: 'post_id'}} as match<{postid: string}>,
         returnTo: 'return_to',
         teamName: 'team_name',
         actions: {
diff --git a/webapp/channels/src/components/permalink_view/permalink_view.tsx b/webapp/channels/src/components/permalink_view/permalink_view.tsx
index f4e2b8ef1d5..5ee692e18ff 100644
--- a/webapp/channels/src/components/permalink_view/permalink_view.tsx
+++ b/webapp/channels/src/components/permalink_view/permalink_view.tsx
@@ -17,7 +17,7 @@ type Props = {
         focusPost: (postId: string, returnTo: string, currentUserId: string) => void;
     };
     currentUserId: string;
-}
+};
 
 const PermalinkView = (props: Props) => {
     const mounted = useRef(false);
diff --git a/webapp/channels/src/components/permissions_gates/channel_permission_gate.tsx b/webapp/channels/src/components/permissions_gates/channel_permission_gate.tsx
index f0bf4fd32f1..fb4243a7c8f 100644
--- a/webapp/channels/src/components/permissions_gates/channel_permission_gate.tsx
+++ b/webapp/channels/src/components/permissions_gates/channel_permission_gate.tsx
@@ -36,7 +36,7 @@ type Props = {
      * Content protected by the permissions gate
      */
     children: React.ReactNode;
-}
+};
 
 const ChannelPermissionGate = ({channelId, teamId, permissions, children, invert = false}: Props) => {
     const hasPermission = useSelector((state: GlobalState) => {
diff --git a/webapp/channels/src/components/permissions_gates/gate.tsx b/webapp/channels/src/components/permissions_gates/gate.tsx
index e6b764e6974..c0f9bc3a4db 100644
--- a/webapp/channels/src/components/permissions_gates/gate.tsx
+++ b/webapp/channels/src/components/permissions_gates/gate.tsx
@@ -7,7 +7,7 @@ type Props = {
     hasPermission: boolean;
     invert?: boolean;
     children: React.ReactNode;
-}
+};
 
 const Gate = ({
     hasPermission,
diff --git a/webapp/channels/src/components/plugin_marketplace/marketplace_item/marketplace_item.tsx b/webapp/channels/src/components/plugin_marketplace/marketplace_item/marketplace_item.tsx
index ea38d11567c..9b7aa5094b2 100644
--- a/webapp/channels/src/components/plugin_marketplace/marketplace_item/marketplace_item.tsx
+++ b/webapp/channels/src/components/plugin_marketplace/marketplace_item/marketplace_item.tsx
@@ -63,7 +63,7 @@ export type MarketplaceItemProps = {
 
     button: JSX.Element;
     updateDetails: JSX.Element | null;
-    versionLabel: JSX.Element| null;
+    versionLabel: JSX.Element | null;
 };
 
 type MarketplaceItemState = {
diff --git a/webapp/channels/src/components/plugin_marketplace/marketplace_item/marketplace_item_app/index.ts b/webapp/channels/src/components/plugin_marketplace/marketplace_item/marketplace_item_app/index.ts
index 164703c1158..78ec5fe7c82 100644
--- a/webapp/channels/src/components/plugin_marketplace/marketplace_item/marketplace_item_app/index.ts
+++ b/webapp/channels/src/components/plugin_marketplace/marketplace_item/marketplace_item_app/index.ts
@@ -17,7 +17,7 @@ import MarketplaceItemApp from './marketplace_item_app';
 
 type Props = {
     id: string;
-}
+};
 
 function mapStateToProps(state: GlobalState, props: Props) {
     const installing = getInstalling(state, props.id);
diff --git a/webapp/channels/src/components/plugin_marketplace/marketplace_item/marketplace_item_plugin/index.ts b/webapp/channels/src/components/plugin_marketplace/marketplace_item/marketplace_item_plugin/index.ts
index 1533ff7f5e8..f679665fdf7 100644
--- a/webapp/channels/src/components/plugin_marketplace/marketplace_item/marketplace_item_plugin/index.ts
+++ b/webapp/channels/src/components/plugin_marketplace/marketplace_item/marketplace_item_plugin/index.ts
@@ -20,7 +20,7 @@ import MarketplaceItemPlugin from './marketplace_item_plugin';
 
 type Props = {
     id: string;
-}
+};
 
 function mapStateToProps(state: GlobalState, props: Props) {
     const installing = getInstalling(state, props.id);
diff --git a/webapp/channels/src/components/post/index.tsx b/webapp/channels/src/components/post/index.tsx
index b2953ff80fa..c28a104d230 100644
--- a/webapp/channels/src/components/post/index.tsx
+++ b/webapp/channels/src/components/post/index.tsx
@@ -274,7 +274,7 @@ function mapDispatchToProps(dispatch: Dispatch) {
 
 const connector = connect(makeMapStateToProps, mapDispatchToProps);
 
-export type PropsFromRedux = ConnectedProps<typeof connector>
+export type PropsFromRedux = ConnectedProps<typeof connector>;
 
 export default connector(PostComponent);
 
diff --git a/webapp/channels/src/components/post/post_header_translate_icon.tsx b/webapp/channels/src/components/post/post_header_translate_icon.tsx
index 168421ca3bd..6cac44f6f8c 100644
--- a/webapp/channels/src/components/post/post_header_translate_icon.tsx
+++ b/webapp/channels/src/components/post/post_header_translate_icon.tsx
@@ -19,7 +19,7 @@ type Props = {
     postId: string;
     translationState: PostTranslation['state'] | undefined;
     postType: PostType;
-}
+};
 function PostHeaderTranslateIcon({
     postId,
     translationState,
diff --git a/webapp/channels/src/components/post_deleted_modal.tsx b/webapp/channels/src/components/post_deleted_modal.tsx
index 2585eac0718..3034da634db 100644
--- a/webapp/channels/src/components/post_deleted_modal.tsx
+++ b/webapp/channels/src/components/post_deleted_modal.tsx
@@ -9,7 +9,7 @@ import {Button} from '@mattermost/shared/components/button';
 
 type Props = {
     onExited: () => void;
-}
+};
 
 const PostDeletedModal = ({
     onExited,
diff --git a/webapp/channels/src/components/post_edit_history/edited_post_item/edited_post_item.tsx b/webapp/channels/src/components/post_edit_history/edited_post_item/edited_post_item.tsx
index f9a59a755cd..bbe46e9e17b 100644
--- a/webapp/channels/src/components/post_edit_history/edited_post_item/edited_post_item.tsx
+++ b/webapp/channels/src/components/post_edit_history/edited_post_item/edited_post_item.tsx
@@ -57,7 +57,7 @@ export type Props = PropsFromRedux & {
     post: Post;
     isCurrent?: boolean;
     isChannelAutotranslated: boolean;
-}
+};
 
 const EditedPostItem = ({post, isCurrent = false, postCurrentVersion, actions, isChannelAutotranslated}: Props) => {
     const {formatMessage, locale} = useIntl();
diff --git a/webapp/channels/src/components/post_edit_history/restore_post_modal.tsx b/webapp/channels/src/components/post_edit_history/restore_post_modal.tsx
index ece9d9bb875..cdbc3f96215 100644
--- a/webapp/channels/src/components/post_edit_history/restore_post_modal.tsx
+++ b/webapp/channels/src/components/post_edit_history/restore_post_modal.tsx
@@ -31,7 +31,7 @@ type Props = {
     };
     onExited: () => void;
     isChannelAutotranslated: boolean;
-}
+};
 
 const RestorePostModal = ({post, postHeader, actions, onExited, isChannelAutotranslated}: Props) => {
     const {formatMessage, locale} = useIntl();
diff --git a/webapp/channels/src/components/post_markdown/index.ts b/webapp/channels/src/components/post_markdown/index.ts
index c47f6973ef3..7ea97d39789 100644
--- a/webapp/channels/src/components/post_markdown/index.ts
+++ b/webapp/channels/src/components/post_markdown/index.ts
@@ -29,9 +29,9 @@ import type {GlobalState} from 'types/store';
 import PostMarkdown, {type OwnProps} from './post_markdown';
 
 export function makeGetMentionKeysForPost(): (
-    state: GlobalState,
-    post?: Post,
-    channel?: Channel
+state: GlobalState,
+post?: Post,
+channel?: Channel
 ) => MentionKey[] {
     return createSelector(
         'makeGetMentionKeysForPost',
diff --git a/webapp/channels/src/components/post_markdown/system_message_helpers.tsx b/webapp/channels/src/components/post_markdown/system_message_helpers.tsx
index ddfa92f1c84..2f870bbc3d8 100644
--- a/webapp/channels/src/components/post_markdown/system_message_helpers.tsx
+++ b/webapp/channels/src/components/post_markdown/system_message_helpers.tsx
@@ -457,7 +457,7 @@ export type AddMemberProps = {
     not_in_channel_user_ids: string[];
     not_in_groups_usernames: string[];
     not_in_channel_usernames: string[];
-}
+};
 
 export function isAddMemberProps(v: unknown): v is AddMemberProps {
     if (typeof v !== 'object' || !v) {
diff --git a/webapp/channels/src/components/post_priority/post_priority_badge.tsx b/webapp/channels/src/components/post_priority/post_priority_badge.tsx
index 0502f6ce947..ccb51dbcbcb 100644
--- a/webapp/channels/src/components/post_priority/post_priority_badge.tsx
+++ b/webapp/channels/src/components/post_priority/post_priority_badge.tsx
@@ -10,7 +10,7 @@ import {PostPriority} from '@mattermost/types/posts';
 type Props = {
     priority?: PostPriority;
     className?: string;
-}
+};
 
 const Badge = styled.span`
     display: flex;
diff --git a/webapp/channels/src/components/post_priority/post_priority_label.tsx b/webapp/channels/src/components/post_priority/post_priority_label.tsx
index c815e266b3e..9fd8c8f4714 100644
--- a/webapp/channels/src/components/post_priority/post_priority_label.tsx
+++ b/webapp/channels/src/components/post_priority/post_priority_label.tsx
@@ -10,10 +10,10 @@ import Tag from 'components/widgets/tag/tag';
 import type {TagSize} from 'components/widgets/tag/tag';
 
 type Props = {
-    priority?: PostPriority|'';
+    priority?: PostPriority | '';
     size?: TagSize;
     uppercase?: boolean;
-}
+};
 
 export default function PriorityLabel({
     priority,
diff --git a/webapp/channels/src/components/post_priority/post_priority_picker.tsx b/webapp/channels/src/components/post_priority/post_priority_picker.tsx
index 92c9fb0b908..2cbc1c46d5d 100644
--- a/webapp/channels/src/components/post_priority/post_priority_picker.tsx
+++ b/webapp/channels/src/components/post_priority/post_priority_picker.tsx
@@ -29,7 +29,7 @@ type Props = {
     onClose: () => void;
     onApply: (props: PostPriorityMetadata) => void;
     disabled: boolean;
-}
+};
 
 function PostPriorityPicker({
     onApply,
diff --git a/webapp/channels/src/components/post_priority/post_priority_picker_item.tsx b/webapp/channels/src/components/post_priority/post_priority_picker_item.tsx
index fa7147434ba..67a26e223ac 100644
--- a/webapp/channels/src/components/post_priority/post_priority_picker_item.tsx
+++ b/webapp/channels/src/components/post_priority/post_priority_picker_item.tsx
@@ -18,7 +18,7 @@ type ToggleProps = {
     onClick: () => void;
     text: React.ReactNode;
     toggled: boolean;
-}
+};
 
 const Wrapper = styled(MenuItem)`
     cursor: ${(props) => (props.disabled ? 'default' : 'pointer')};
diff --git a/webapp/channels/src/components/post_profile_picture/index.ts b/webapp/channels/src/components/post_profile_picture/index.ts
index f7bff56db40..34aaff2f608 100644
--- a/webapp/channels/src/components/post_profile_picture/index.ts
+++ b/webapp/channels/src/components/post_profile_picture/index.ts
@@ -20,7 +20,7 @@ import PostProfilePicture from './post_profile_picture';
 type Props = {
     userId: string;
     post: Post;
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: Props) {
     const config = getConfig(state);
diff --git a/webapp/channels/src/components/post_profile_picture/post_profile_picture.tsx b/webapp/channels/src/components/post_profile_picture/post_profile_picture.tsx
index 4b2cb1f52cc..34073313c9e 100644
--- a/webapp/channels/src/components/post_profile_picture/post_profile_picture.tsx
+++ b/webapp/channels/src/components/post_profile_picture/post_profile_picture.tsx
@@ -25,7 +25,7 @@ type Props = {
     user: UserProfile;
     isBot?: boolean;
     overwriteIcon?: string;
-}
+};
 
 export default class PostProfilePicture extends React.PureComponent<Props> {
     static defaultProps = {
diff --git a/webapp/channels/src/components/post_view/acknowledgements/post_acknowledgements.tsx b/webapp/channels/src/components/post_view/acknowledgements/post_acknowledgements.tsx
index f92f5c6c79b..b6338a38519 100644
--- a/webapp/channels/src/components/post_view/acknowledgements/post_acknowledgements.tsx
+++ b/webapp/channels/src/components/post_view/acknowledgements/post_acknowledgements.tsx
@@ -37,7 +37,7 @@ type Props = {
     list?: Array<{user: UserProfile; acknowledgedAt: PostAcknowledgement['acknowledged_at']}>;
     postId: Post['id'];
     showDivider?: boolean;
-}
+};
 
 function moreThan5minAgo(time: number) {
     const now = new Date().getTime();
diff --git a/webapp/channels/src/components/post_view/channel_intro_message/channel_intro_message.tsx b/webapp/channels/src/components/post_view/channel_intro_message/channel_intro_message.tsx
index e3c6c9ed713..07bd701e94c 100644
--- a/webapp/channels/src/components/post_view/channel_intro_message/channel_intro_message.tsx
+++ b/webapp/channels/src/components/post_view/channel_intro_message/channel_intro_message.tsx
@@ -56,7 +56,7 @@ type Props = {
         favoriteChannel: (channelId: string) => any;
         unfavoriteChannel: (channelId: string) => any;
     };
-}
+};
 
 export default class ChannelIntroMessage extends React.PureComponent<Props> {
     toggleFavorite = () => {
diff --git a/webapp/channels/src/components/post_view/channel_intro_message/pluggable_intro_buttons/index.ts b/webapp/channels/src/components/post_view/channel_intro_message/pluggable_intro_buttons/index.ts
index 761b4ffc5bf..61a7a125987 100644
--- a/webapp/channels/src/components/post_view/channel_intro_message/pluggable_intro_buttons/index.ts
+++ b/webapp/channels/src/components/post_view/channel_intro_message/pluggable_intro_buttons/index.ts
@@ -15,7 +15,7 @@ import PluggableIntroButtons from './pluggable_intro_buttons';
 
 type OwnProps = {
     channel: Channel;
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     return {
diff --git a/webapp/channels/src/components/post_view/channel_intro_message/pluggable_intro_buttons/pluggable_intro_buttons.tsx b/webapp/channels/src/components/post_view/channel_intro_message/pluggable_intro_buttons/pluggable_intro_buttons.tsx
index 518c5e666fa..51015125b4b 100644
--- a/webapp/channels/src/components/post_view/channel_intro_message/pluggable_intro_buttons/pluggable_intro_buttons.tsx
+++ b/webapp/channels/src/components/post_view/channel_intro_message/pluggable_intro_buttons/pluggable_intro_buttons.tsx
@@ -13,7 +13,7 @@ type Props = {
     channel: Channel;
     channelMember?: ChannelMembership;
     pluginButtons: ChannelIntroButtonAction[];
-}
+};
 
 const PluggableIntroButtons = React.memo(({
     channel,
diff --git a/webapp/channels/src/components/post_view/combined_system_message/combined_system_message.tsx b/webapp/channels/src/components/post_view/combined_system_message/combined_system_message.tsx
index 16220d8f4e1..ae3db3c7abd 100644
--- a/webapp/channels/src/components/post_view/combined_system_message/combined_system_message.tsx
+++ b/webapp/channels/src/components/post_view/combined_system_message/combined_system_message.tsx
@@ -198,7 +198,7 @@ export type Props = {
         getMissingProfilesByIds: (userIds: string[]) => void;
         getMissingProfilesByUsernames: (usernames: string[]) => void;
     };
-}
+};
 
 export class CombinedSystemMessage extends React.PureComponent<Props> {
     static defaultProps = {
diff --git a/webapp/channels/src/components/post_view/combined_system_message/index.ts b/webapp/channels/src/components/post_view/combined_system_message/index.ts
index a81efb0fee7..d5f5de95c77 100644
--- a/webapp/channels/src/components/post_view/combined_system_message/index.ts
+++ b/webapp/channels/src/components/post_view/combined_system_message/index.ts
@@ -16,7 +16,7 @@ import CombinedSystemMessage from './combined_system_message';
 type OwnProps = {
     allUserIds: string[];
     allUsernames: string[];
-}
+};
 
 function makeMapStateToProps() {
     const getProfilesByIdsAndUsernames = makeGetProfilesByIdsAndUsernames();
diff --git a/webapp/channels/src/components/post_view/combined_system_message/last_users.tsx b/webapp/channels/src/components/post_view/combined_system_message/last_users.tsx
index c866991d359..fdd9fb3290f 100644
--- a/webapp/channels/src/components/post_view/combined_system_message/last_users.tsx
+++ b/webapp/channels/src/components/post_view/combined_system_message/last_users.tsx
@@ -58,11 +58,11 @@ type Props = {
     intl: IntlShape;
     postType: string;
     usernames: string[];
-}
+};
 
 type State = {
     expand: boolean;
-}
+};
 
 export class LastUsers extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/post_view/combined_user_activity_post/index.ts b/webapp/channels/src/components/post_view/combined_user_activity_post/index.ts
index 226e9632cb0..65be906c152 100644
--- a/webapp/channels/src/components/post_view/combined_user_activity_post/index.ts
+++ b/webapp/channels/src/components/post_view/combined_user_activity_post/index.ts
@@ -15,7 +15,7 @@ type Props = {
     combinedId: string;
     shouldHighlight?: boolean;
     shouldShowDotMenu?: boolean;
-}
+};
 
 function makeMapStateToProps() {
     const generateCombinedPost = makeGenerateCombinedPost();
diff --git a/webapp/channels/src/components/post_view/commented_on_files_message/index.ts b/webapp/channels/src/components/post_view/commented_on_files_message/index.ts
index da98f5e1244..7c102c5b8bb 100644
--- a/webapp/channels/src/components/post_view/commented_on_files_message/index.ts
+++ b/webapp/channels/src/components/post_view/commented_on_files_message/index.ts
@@ -15,7 +15,7 @@ type OwnProps = {
      * The id of the post that was commented on
      */
     parentPostId: string;
-}
+};
 
 function makeMapStateToProps() {
     const selectFileInfosForPost = makeGetFilesForPost();
diff --git a/webapp/channels/src/components/post_view/data_spillage_report/data_spillage_actions/data_spillage_actions.tsx b/webapp/channels/src/components/post_view/data_spillage_report/data_spillage_actions/data_spillage_actions.tsx
index b29423f3bfa..5ea92f8de94 100644
--- a/webapp/channels/src/components/post_view/data_spillage_report/data_spillage_actions/data_spillage_actions.tsx
+++ b/webapp/channels/src/components/post_view/data_spillage_report/data_spillage_actions/data_spillage_actions.tsx
@@ -20,7 +20,7 @@ import {ModalIdentifiers} from 'utils/constants';
 type Props = {
     flaggedPost: Post;
     reportingUser: UserProfile;
-}
+};
 
 export default function DataSpillageAction({flaggedPost, reportingUser}: Props) {
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/post_view/data_spillage_report/data_spillage_download_report/data_spillage_download_report.tsx b/webapp/channels/src/components/post_view/data_spillage_report/data_spillage_download_report/data_spillage_download_report.tsx
index e17524f37ae..0f3499c7f31 100644
--- a/webapp/channels/src/components/post_view/data_spillage_report/data_spillage_download_report/data_spillage_download_report.tsx
+++ b/webapp/channels/src/components/post_view/data_spillage_report/data_spillage_download_report/data_spillage_download_report.tsx
@@ -13,7 +13,7 @@ import './data_spillage_download_report.scss';
 
 type Props = {
     flaggedPostId: string;
-}
+};
 
 type Status = 'idle' | 'generating' | 'error';
 
diff --git a/webapp/channels/src/components/post_view/date_separator/date_separator.tsx b/webapp/channels/src/components/post_view/date_separator/date_separator.tsx
index d8b546522ad..e30bdbe19c3 100644
--- a/webapp/channels/src/components/post_view/date_separator/date_separator.tsx
+++ b/webapp/channels/src/components/post_view/date_separator/date_separator.tsx
@@ -14,7 +14,7 @@ const DATE_RANGES = [
 
 type Props = {
     date: number | Date;
-}
+};
 
 const DateSeparator: FC<Props> = ({date}) => {
     return (
diff --git a/webapp/channels/src/components/post_view/embedded_bindings/button_binding/button_binding.tsx b/webapp/channels/src/components/post_view/embedded_bindings/button_binding/button_binding.tsx
index bc41ec38651..0907c7daca1 100644
--- a/webapp/channels/src/components/post_view/embedded_bindings/button_binding/button_binding.tsx
+++ b/webapp/channels/src/components/post_view/embedded_bindings/button_binding/button_binding.tsx
@@ -30,11 +30,11 @@ type Props = {
         postEphemeralCallResponseForPost: PostEphemeralCallResponseForPost;
         openAppsModal: OpenAppsModal;
     };
-}
+};
 
 type State = {
     executing: boolean;
-}
+};
 
 class ButtonBinding extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/post_view/embedded_bindings/embedded_binding/embedded_binding.tsx b/webapp/channels/src/components/post_view/embedded_bindings/embedded_binding/embedded_binding.tsx
index 4777f1fd7b1..b2bb741ace8 100644
--- a/webapp/channels/src/components/post_view/embedded_bindings/embedded_binding/embedded_binding.tsx
+++ b/webapp/channels/src/components/post_view/embedded_bindings/embedded_binding/embedded_binding.tsx
@@ -38,13 +38,13 @@ type Props = {
     options?: Partial<TextFormattingOptions>;
 
     currentRelativeTeamUrl: string;
-}
+};
 
 type State = {
     checkOverflow: number;
     embed: AppBinding;
     bindings: AppBinding[];
-}
+};
 
 export default class EmbeddedBinding extends React.PureComponent<Props, State> {
     private imageProps: Record<string, any>;
diff --git a/webapp/channels/src/components/post_view/embedded_bindings/embedded_bindings.tsx b/webapp/channels/src/components/post_view/embedded_bindings/embedded_bindings.tsx
index 81892ea3ddb..b5ee7519aae 100644
--- a/webapp/channels/src/components/post_view/embedded_bindings/embedded_bindings.tsx
+++ b/webapp/channels/src/components/post_view/embedded_bindings/embedded_bindings.tsx
@@ -27,7 +27,7 @@ type Props = {
      */
     options?: Partial<TextFormattingOptions>;
 
-}
+};
 
 const EmbeddedBindings = ({
     embeds,
diff --git a/webapp/channels/src/components/post_view/floating_timestamp/floating_timestamp.tsx b/webapp/channels/src/components/post_view/floating_timestamp/floating_timestamp.tsx
index 5c33bfd0ee8..54aef3025b3 100644
--- a/webapp/channels/src/components/post_view/floating_timestamp/floating_timestamp.tsx
+++ b/webapp/channels/src/components/post_view/floating_timestamp/floating_timestamp.tsx
@@ -15,7 +15,7 @@ type Props = {
     createAt: Date | number;
     toastPresent: boolean;
     isRhsPost?: boolean;
-}
+};
 
 const FloatingTimestamp = ({createAt, isScrolling, isRhsPost, toastPresent}: Props) => {
     if (createAt === 0) {
diff --git a/webapp/channels/src/components/post_view/floating_timestamp/index.ts b/webapp/channels/src/components/post_view/floating_timestamp/index.ts
index fe442b81427..1077bcb38d9 100644
--- a/webapp/channels/src/components/post_view/floating_timestamp/index.ts
+++ b/webapp/channels/src/components/post_view/floating_timestamp/index.ts
@@ -16,7 +16,7 @@ import FloatingTimestamp from './floating_timestamp';
 type OwnProps = {
     postId: string;
     isRhsPost?: boolean;
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     let postId = ownProps.postId;
diff --git a/webapp/channels/src/components/post_view/gm_conversion_message/gm_conversion_message.tsx b/webapp/channels/src/components/post_view/gm_conversion_message/gm_conversion_message.tsx
index e065c334c4a..ac39a353097 100644
--- a/webapp/channels/src/components/post_view/gm_conversion_message/gm_conversion_message.tsx
+++ b/webapp/channels/src/components/post_view/gm_conversion_message/gm_conversion_message.tsx
@@ -17,7 +17,7 @@ import type {GlobalState} from 'types/store';
 
 export type Props = {
     post: Post;
-}
+};
 function GMConversionMessage(props: Props): JSX.Element {
     const convertedByUserId = props.post.props.convertedByUserId;
     const gmMembersDuringConversionIDs = isStringArray(props.post.props.gmMembersDuringConversionIDs) ? props.post.props.gmMembersDuringConversionIDs : [];
diff --git a/webapp/channels/src/components/post_view/index.ts b/webapp/channels/src/components/post_view/index.ts
index 76f7049e9cf..19fc0d2ef91 100644
--- a/webapp/channels/src/components/post_view/index.ts
+++ b/webapp/channels/src/components/post_view/index.ts
@@ -51,7 +51,7 @@ type RouteViewParams = {
     postid?: string;
 };
 
-type Props = {channelId: string} & RouteComponentProps<RouteViewParams>
+type Props = {channelId: string} & RouteComponentProps<RouteViewParams>;
 
 function makeMapStateToProps() {
     return function mapStateToProps(state: GlobalState, ownProps: Props) {
diff --git a/webapp/channels/src/components/post_view/message_attachments/action_button/action_button.tsx b/webapp/channels/src/components/post_view/message_attachments/action_button/action_button.tsx
index e595a34479d..97aa2b9bff7 100644
--- a/webapp/channels/src/components/post_view/message_attachments/action_button/action_button.tsx
+++ b/webapp/channels/src/components/post_view/message_attachments/action_button/action_button.tsx
@@ -36,7 +36,7 @@ type Props = {
     theme: Theme;
     actionExecuting?: boolean;
     actionExecutingMessage?: string;
-}
+};
 
 const ActionButton = ({
     action,
diff --git a/webapp/channels/src/components/post_view/message_attachments/action_menu/index.ts b/webapp/channels/src/components/post_view/message_attachments/action_menu/index.ts
index 3b4254956af..6cd95e26799 100644
--- a/webapp/channels/src/components/post_view/message_attachments/action_menu/index.ts
+++ b/webapp/channels/src/components/post_view/message_attachments/action_menu/index.ts
@@ -20,7 +20,7 @@ export type OwnProps = {
     postId: string;
     action: PostAction;
     disabled?: boolean;
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     const actions = state.views.posts.menuActions[ownProps.postId];
diff --git a/webapp/channels/src/components/post_view/message_attachments/message_attachment/message_attachment.tsx b/webapp/channels/src/components/post_view/message_attachments/message_attachment/message_attachment.tsx
index 1d51d62ae12..e8bfedd2ed8 100644
--- a/webapp/channels/src/components/post_view/message_attachments/message_attachment/message_attachment.tsx
+++ b/webapp/channels/src/components/post_view/message_attachments/message_attachment/message_attachment.tsx
@@ -62,14 +62,14 @@ type Props = {
     };
 
     currentRelativeTeamUrl: string;
-}
+};
 
 type State = {
     checkOverflow: number;
     actionExecuting: boolean;
     actionExecutingMessage: string | null;
     actionError: React.ReactNode | null;
-}
+};
 
 export default class MessageAttachment extends React.PureComponent<Props, State> {
     private mounted = false;
diff --git a/webapp/channels/src/components/post_view/message_attachments/message_attachment_list.tsx b/webapp/channels/src/components/post_view/message_attachments/message_attachment_list.tsx
index 9d59641541b..6373fd4b9a7 100644
--- a/webapp/channels/src/components/post_view/message_attachments/message_attachment_list.tsx
+++ b/webapp/channels/src/components/post_view/message_attachments/message_attachment_list.tsx
@@ -31,7 +31,7 @@ type Props = {
      * Images object used for creating placeholders to prevent scroll popup
      */
     imagesMetadata?: Record<string, PostImage>;
-}
+};
 
 const EMPTY_METADATA: Record<string, PostImage> = {};
 
diff --git a/webapp/channels/src/components/post_view/new_message_separator/new_message_separator.tsx b/webapp/channels/src/components/post_view/new_message_separator/new_message_separator.tsx
index 777ba78f893..8d44d143d25 100644
--- a/webapp/channels/src/components/post_view/new_message_separator/new_message_separator.tsx
+++ b/webapp/channels/src/components/post_view/new_message_separator/new_message_separator.tsx
@@ -18,7 +18,7 @@ type Props = {
     newMessagesSeparatorActions: NewMessagesSeparatorActionComponent[];
     channelId?: string;
     threadId?: string;
-}
+};
 
 const NewMessageSeparator = ({
     newMessagesSeparatorActions,
diff --git a/webapp/channels/src/components/post_view/post_add_channel_member/index.ts b/webapp/channels/src/components/post_view/post_add_channel_member/index.ts
index d453911d420..55d0d5abe8a 100644
--- a/webapp/channels/src/components/post_view/post_add_channel_member/index.ts
+++ b/webapp/channels/src/components/post_view/post_add_channel_member/index.ts
@@ -20,7 +20,7 @@ import PostAddChannelMember from './post_add_channel_member';
 type OwnProps = {
     postId: string;
     userIds: string[];
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     const post = getPost(state, ownProps.postId) || {};
diff --git a/webapp/channels/src/components/post_view/post_attachment_container/post_attachment_container.tsx b/webapp/channels/src/components/post_view/post_attachment_container/post_attachment_container.tsx
index 78833da0ddf..150f3a56e8e 100644
--- a/webapp/channels/src/components/post_view/post_attachment_container/post_attachment_container.tsx
+++ b/webapp/channels/src/components/post_view/post_attachment_container/post_attachment_container.tsx
@@ -24,7 +24,7 @@ export type Props = {
 type LinkParams = {
     postId: string;
     teamName: string;
-}
+};
 
 const getTeamAndPostIdFromLink = (link: string) => {
     const match = matchPath<LinkParams>(link, {path: '/:teamName/pl/:postId'});
diff --git a/webapp/channels/src/components/post_view/post_attachment_opengraph/post_attachment_opengraph.tsx b/webapp/channels/src/components/post_view/post_attachment_opengraph/post_attachment_opengraph.tsx
index 8a6c5b328d5..93902600405 100644
--- a/webapp/channels/src/components/post_view/post_attachment_opengraph/post_attachment_opengraph.tsx
+++ b/webapp/channels/src/components/post_view/post_attachment_opengraph/post_attachment_opengraph.tsx
@@ -45,7 +45,7 @@ export type Props = {
     isEmbedVisible?: boolean;
     toggleEmbedVisibility: () => void;
     actions: {
-        editPost: (post: { id: string; props: Record<string, any> }) => void;
+        editPost: (post: {id: string; props: Record<string, any>}) => void;
     };
     isInPermalink?: boolean;
     imageCollapsed?: boolean;
@@ -74,7 +74,7 @@ export function getBestImage(openGraphData?: OpenGraphMetadata, imagesMetadata?:
     return getNearestPoint<ImageMetadata>(DIMENSIONS_NEAREST_POINT_IMAGE, images);
 }
 
-export const getIsLargeImage = (data: ImageMetadata|null) => {
+export const getIsLargeImage = (data: ImageMetadata | null) => {
     if (!data) {
         return false;
     }
@@ -168,7 +168,7 @@ type BodyProps = {
     isInPermalink?: boolean;
     sitename?: string;
     description?: string;
-}
+};
 
 export const PostAttachmentOpenGraphBody = memo(({title, isInPermalink, sitename = '', description = ''}: BodyProps) => {
     return title ? (
@@ -182,11 +182,11 @@ export const PostAttachmentOpenGraphBody = memo(({title, isInPermalink, sitename
 
 type ImageProps = {
     title?: string;
-    imageMetadata?: ImageMetadata|null;
+    imageMetadata?: ImageMetadata | null;
     isInPermalink: Props['isInPermalink'];
     isEmbedVisible: Props['isEmbedVisible'];
     toggleEmbedVisibility: Props['toggleEmbedVisibility'];
-}
+};
 
 export const PostAttachmentOpenGraphImage = memo(({imageMetadata, isInPermalink, toggleEmbedVisibility, isEmbedVisible = true, title = ''}: ImageProps) => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/post_view/post_edited_indicator/index.ts b/webapp/channels/src/components/post_view/post_edited_indicator/index.ts
index 276008938f0..c30a61ba342 100644
--- a/webapp/channels/src/components/post_view/post_edited_indicator/index.ts
+++ b/webapp/channels/src/components/post_view/post_edited_indicator/index.ts
@@ -28,7 +28,7 @@ import PostEditedIndicator from './post_edited_indicator';
 type OwnProps = {
     postId?: string;
     editedAt?: number;
-}
+};
 
 type StateProps = {
     postOwner?: boolean;
@@ -36,13 +36,13 @@ type StateProps = {
     timeZone?: string;
     post?: Post;
     canEdit: boolean;
-}
+};
 
 type DispatchProps = {
     actions: {
         openShowEditHistory: (post: Post) => void;
     };
-}
+};
 
 export type Props = OwnProps & StateProps & DispatchProps;
 
diff --git a/webapp/channels/src/components/post_view/post_flag_icon/post_flag_icon.tsx b/webapp/channels/src/components/post_view/post_flag_icon/post_flag_icon.tsx
index c4a1216f067..70d9e11f69d 100644
--- a/webapp/channels/src/components/post_view/post_flag_icon/post_flag_icon.tsx
+++ b/webapp/channels/src/components/post_view/post_flag_icon/post_flag_icon.tsx
@@ -15,14 +15,14 @@ import {Locations, A11yCustomEventTypes} from 'utils/constants';
 export type Actions = {
     flagPost: (postId: string) => void;
     unflagPost: (postId: string) => void;
-}
+};
 
 type Props = {
     location?: keyof typeof Locations;
     postId: string;
     isFlagged: boolean;
     actions: Actions;
-}
+};
 
 const PostFlagIcon = ({
     actions: {
diff --git a/webapp/channels/src/components/post_view/post_image/post_image.tsx b/webapp/channels/src/components/post_view/post_image/post_image.tsx
index 3b05e0e5846..fdacbc6983c 100644
--- a/webapp/channels/src/components/post_view/post_image/post_image.tsx
+++ b/webapp/channels/src/components/post_view/post_image/post_image.tsx
@@ -24,7 +24,7 @@ type PostImageProps = {
     actions: {
         openModal: <P>(modalData: ModalData<P>) => void;
     };
-}
+};
 
 const PostImage = ({
     imageMetadata,
diff --git a/webapp/channels/src/components/post_view/post_list_row/index.ts b/webapp/channels/src/components/post_view/post_list_row/index.ts
index c9b3ab14f9b..332a922be81 100644
--- a/webapp/channels/src/components/post_view/post_list_row/index.ts
+++ b/webapp/channels/src/components/post_view/post_list_row/index.ts
@@ -18,7 +18,7 @@ import type {GlobalState} from 'types/store';
 import PostListRow from './post_list_row';
 import type {PostListRowProps} from './post_list_row';
 
-type OwnProps = Pick<PostListRowProps, 'listId'>
+type OwnProps = Pick<PostListRowProps, 'listId'>;
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     const shortcutReactToLastPostEmittedFrom = getShortcutReactToLastPostEmittedFrom(state);
@@ -27,8 +27,8 @@ function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     const newMessagesSeparatorActions = state.plugins.components.NewMessagesSeparatorAction;
 
     const props: Pick<
-    PostListRowProps,
-    'shortcutReactToLastPostEmittedFrom'| 'exceededLimitChannelId' | 'firstInaccessiblePostTime' | 'post' | 'currentUserId' | 'newMessagesSeparatorActions'
+        PostListRowProps,
+    'shortcutReactToLastPostEmittedFrom' | 'exceededLimitChannelId' | 'firstInaccessiblePostTime' | 'post' | 'currentUserId' | 'newMessagesSeparatorActions'
     > = {
         shortcutReactToLastPostEmittedFrom,
         post,
diff --git a/webapp/channels/src/components/post_view/post_list_row/post_list_row.tsx b/webapp/channels/src/components/post_view/post_list_row/post_list_row.tsx
index 7c5d9f55a8b..c9a1a28cc11 100644
--- a/webapp/channels/src/components/post_view/post_list_row/post_list_row.tsx
+++ b/webapp/channels/src/components/post_view/post_list_row/post_list_row.tsx
@@ -65,7 +65,7 @@ export type PostListRowProps = {
           */
         emitShortcutReactToLastPostFrom: typeof emitShortcutReactToLastPostFrom;
     };
-}
+};
 
 export default class PostListRow extends React.PureComponent<PostListRowProps> {
     blockShortcutReactToLastPostForNonMessages(listId: string) {
diff --git a/webapp/channels/src/components/post_view/post_list_virtualized/post_list_virtualized.tsx b/webapp/channels/src/components/post_view/post_list_virtualized/post_list_virtualized.tsx
index 37cbac385f9..44ed2db5a17 100644
--- a/webapp/channels/src/components/post_view/post_list_virtualized/post_list_virtualized.tsx
+++ b/webapp/channels/src/components/post_view/post_list_virtualized/post_list_virtualized.tsx
@@ -122,7 +122,7 @@ type Props = {
 
         toggleShouldStartFromBottomWhenUnread: () => void;
     };
-}
+};
 
 type State = {
     isScrolling: boolean;
@@ -141,7 +141,7 @@ type State = {
     isNewMessageLineReached: boolean;
     showScrollToBottomToast: boolean;
     isScrollToBottomDismissed: boolean;
-}
+};
 
 export default class PostList extends React.PureComponent<Props, State> {
     listRef: React.RefObject<DynamicVirtualizedList>;
diff --git a/webapp/channels/src/components/post_view/post_message_preview/avatar/avatar.tsx b/webapp/channels/src/components/post_view/post_message_preview/avatar/avatar.tsx
index ed7380d98c0..04c8bfadcf8 100644
--- a/webapp/channels/src/components/post_view/post_message_preview/avatar/avatar.tsx
+++ b/webapp/channels/src/components/post_view/post_message_preview/avatar/avatar.tsx
@@ -20,7 +20,7 @@ type Props = {
     user: UserProfile;
     enablePostIconOverride?: boolean;
     hasImageProxy?: boolean;
-}
+};
 
 export default function PreviewPostAvatar({post, user, enablePostIconOverride, hasImageProxy}: Props) {
     const isBot = Boolean(user && user.is_bot);
diff --git a/webapp/channels/src/components/post_view/post_message_preview/index.ts b/webapp/channels/src/components/post_view/post_message_preview/index.ts
index 6247d1d136f..4ed29deca55 100644
--- a/webapp/channels/src/components/post_view/post_message_preview/index.ts
+++ b/webapp/channels/src/components/post_view/post_message_preview/index.ts
@@ -29,7 +29,7 @@ export type OwnProps = {
     preventClickAction?: boolean;
     previewFooterMessage?: string;
     usePostAsSource?: boolean;
-}
+};
 
 function makeMapStateToProps() {
     const getChannel = makeGetChannel();
diff --git a/webapp/channels/src/components/post_view/post_message_view/post_message_view.tsx b/webapp/channels/src/components/post_view/post_message_view/post_message_view.tsx
index c59dab9acfd..85ee599c6fc 100644
--- a/webapp/channels/src/components/post_view/post_message_view/post_message_view.tsx
+++ b/webapp/channels/src/components/post_view/post_message_view/post_message_view.tsx
@@ -48,13 +48,13 @@ type Props = {
     sharedChannelsPluginsEnabled?: boolean;
     isChannelAutotranslated: boolean;
     userLanguage: string;
-}
+};
 
 type State = {
     collapse: boolean;
     hasOverflow: boolean;
     checkOverflow: number;
-}
+};
 
 export default class PostMessageView extends React.PureComponent<Props, State> {
     private imageProps: any;
diff --git a/webapp/channels/src/components/post_view/post_pre_header/post_pre_header.tsx b/webapp/channels/src/components/post_view/post_pre_header/post_pre_header.tsx
index 96687b043a7..a6f67a710ed 100644
--- a/webapp/channels/src/components/post_view/post_pre_header/post_pre_header.tsx
+++ b/webapp/channels/src/components/post_view/post_pre_header/post_pre_header.tsx
@@ -18,7 +18,7 @@ export type Props = {
         showFlaggedPosts: () => void;
         showPinnedPosts: (channelId: string) => void;
     };
-}
+};
 
 export enum PostPinnedOrFlagged {
     Flagged,
diff --git a/webapp/channels/src/components/post_view/post_reaction/post_reaction.tsx b/webapp/channels/src/components/post_view/post_reaction/post_reaction.tsx
index 08cde48e744..a7115f1f6c2 100644
--- a/webapp/channels/src/components/post_view/post_reaction/post_reaction.tsx
+++ b/webapp/channels/src/components/post_view/post_reaction/post_reaction.tsx
@@ -27,7 +27,7 @@ export type Props = {
     actions: {
         toggleReaction: (postId: string, emojiName: string) => void;
     };
-}
+};
 
 export default function PostReaction({
     channelId,
diff --git a/webapp/channels/src/components/post_view/post_recent_reactions/post_recent_reactions.tsx b/webapp/channels/src/components/post_view/post_recent_reactions/post_recent_reactions.tsx
index 2a752d59c5e..367260f212f 100644
--- a/webapp/channels/src/components/post_view/post_recent_reactions/post_recent_reactions.tsx
+++ b/webapp/channels/src/components/post_view/post_recent_reactions/post_recent_reactions.tsx
@@ -24,7 +24,7 @@ type Props = {
     actions: {
         toggleReaction: (postId: string, emojiName: string) => void;
     };
-}
+};
 
 export default class PostRecentReactions extends React.PureComponent<Props> {
     public static defaultProps: Partial<Props> = {
diff --git a/webapp/channels/src/components/post_view/post_recent_reactions/recent_reactions_emoji_item.tsx b/webapp/channels/src/components/post_view/post_recent_reactions/recent_reactions_emoji_item.tsx
index b0190eebc16..6a7662cd9fb 100644
--- a/webapp/channels/src/components/post_view/post_recent_reactions/recent_reactions_emoji_item.tsx
+++ b/webapp/channels/src/components/post_view/post_recent_reactions/recent_reactions_emoji_item.tsx
@@ -13,7 +13,7 @@ type Props = {
     emoji: Emoji;
     onItemClick: (emoji: Emoji) => void;
     order?: number;
-}
+};
 const EmojiItem = ({emoji, onItemClick, order}: Props) => {
     const {formatMessage} = useIntl();
 
diff --git a/webapp/channels/src/components/post_view/post_time/index.ts b/webapp/channels/src/components/post_view/post_time/index.ts
index f93e2418c09..7d57ef84416 100644
--- a/webapp/channels/src/components/post_view/post_time/index.ts
+++ b/webapp/channels/src/components/post_view/post_time/index.ts
@@ -13,7 +13,7 @@ import PostTime from './post_time';
 
 type OwnProps = {
     teamName?: string;
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     return {
diff --git a/webapp/channels/src/components/post_view/post_time/post_time.tsx b/webapp/channels/src/components/post_view/post_time/post_time.tsx
index 3fcb9fd030c..699a6a40d11 100644
--- a/webapp/channels/src/components/post_view/post_time/post_time.tsx
+++ b/webapp/channels/src/components/post_view/post_time/post_time.tsx
@@ -38,7 +38,7 @@ type Props = {
     postId: string;
     teamUrl: string;
     timestampProps?: ComponentProps<typeof Timestamp>;
-}
+};
 
 export default class PostTime extends React.PureComponent<Props> {
     static defaultProps: Partial<Props> = {
diff --git a/webapp/channels/src/components/post_view/reaction/reaction.tsx b/webapp/channels/src/components/post_view/reaction/reaction.tsx
index 2b25de6fb2f..e8254fbb5e6 100644
--- a/webapp/channels/src/components/post_view/reaction/reaction.tsx
+++ b/webapp/channels/src/components/post_view/reaction/reaction.tsx
@@ -80,7 +80,7 @@ type Props = WrappedComponentProps & {
     // Names of users for tooltip-like aria label, computed via selector
     users?: string[];
 
-}
+};
 
 export class Reaction extends React.PureComponent<Props, State> {
     private reactionButtonRef = React.createRef<HTMLButtonElement>();
diff --git a/webapp/channels/src/components/post_view/reaction_list/add_reaction_button.tsx b/webapp/channels/src/components/post_view/reaction_list/add_reaction_button.tsx
index 8be10bcf1db..65f0675b0bd 100644
--- a/webapp/channels/src/components/post_view/reaction_list/add_reaction_button.tsx
+++ b/webapp/channels/src/components/post_view/reaction_list/add_reaction_button.tsx
@@ -20,7 +20,7 @@ type Props = {
     teamId: string;
 
     onEmojiClick: (emoji: Emoji) => void;
-}
+};
 
 export default function AddReactionButton({
     post,
diff --git a/webapp/channels/src/components/post_view/reaction_list/reaction_list.tsx b/webapp/channels/src/components/post_view/reaction_list/reaction_list.tsx
index 2c9b5872739..41c3e7a40fd 100644
--- a/webapp/channels/src/components/post_view/reaction_list/reaction_list.tsx
+++ b/webapp/channels/src/components/post_view/reaction_list/reaction_list.tsx
@@ -30,7 +30,7 @@ type Props = {
     /**
      * The reactions to render
      */
-    reactions: { [x: string]: ReactionType } | undefined | null;
+    reactions: {[x: string]: ReactionType} | undefined | null;
 
     /**
      * Whether or not the user can add reactions to this post.
diff --git a/webapp/channels/src/components/post_view/show_more/show_more.tsx b/webapp/channels/src/components/post_view/show_more/show_more.tsx
index df9241dcf33..e4f4888d309 100644
--- a/webapp/channels/src/components/post_view/show_more/show_more.tsx
+++ b/webapp/channels/src/components/post_view/show_more/show_more.tsx
@@ -19,12 +19,12 @@ type Props = {
     compactDisplay: boolean;
     overflowType?: AttachmentTextOverflowType;
     maxHeight?: number;
-}
+};
 
 type State = {
     isCollapsed: boolean;
     isOverflow: boolean;
-}
+};
 
 export default class ShowMore extends React.PureComponent<Props, State> {
     private maxHeight: number;
diff --git a/webapp/channels/src/components/preparing_workspace/description.tsx b/webapp/channels/src/components/preparing_workspace/description.tsx
index 7a0fdf1dac2..c772d06fe30 100644
--- a/webapp/channels/src/components/preparing_workspace/description.tsx
+++ b/webapp/channels/src/components/preparing_workspace/description.tsx
@@ -7,7 +7,7 @@ import './description.scss';
 
 type Props = {
     children: React.ReactNode | React.ReactNodeArray;
-}
+};
 
 const Description = (props: Props) => {
     return (<p className='PreparingWorkspaceDescription'>
diff --git a/webapp/channels/src/components/preparing_workspace/invite_members.tsx b/webapp/channels/src/components/preparing_workspace/invite_members.tsx
index 0f28ad89b32..0c3c48f266c 100644
--- a/webapp/channels/src/components/preparing_workspace/invite_members.tsx
+++ b/webapp/channels/src/components/preparing_workspace/invite_members.tsx
@@ -34,7 +34,7 @@ type Props = PreparingWorkspacePageProps & {
     inferredProtocol: 'http' | 'https' | null;
     isSelfHosted: boolean;
     show: boolean;
-}
+};
 
 const InviteMembers = (props: Props) => {
     const [email, setEmail] = useState('');
diff --git a/webapp/channels/src/components/preparing_workspace/invite_members_link.tsx b/webapp/channels/src/components/preparing_workspace/invite_members_link.tsx
index e802289e112..569fb11bfa8 100644
--- a/webapp/channels/src/components/preparing_workspace/invite_members_link.tsx
+++ b/webapp/channels/src/components/preparing_workspace/invite_members_link.tsx
@@ -11,7 +11,7 @@ import './invite_members_link.scss';
 type Props = {
     inviteURL: string;
     inputAndButtonStyle?: boolean;
-}
+};
 
 const InviteMembersLink = ({
     inviteURL,
diff --git a/webapp/channels/src/components/preparing_workspace/organization.tsx b/webapp/channels/src/components/preparing_workspace/organization.tsx
index 95d9c47aa34..bacb9dd76f9 100644
--- a/webapp/channels/src/components/preparing_workspace/organization.tsx
+++ b/webapp/channels/src/components/preparing_workspace/organization.tsx
@@ -35,7 +35,7 @@ type Props = PreparingWorkspacePageProps & {
     createTeam: (OrganizationName: string) => Promise<{error: string | null; newTeam: Team | null | undefined}>;
     updateTeam: (teamToUpdate: Team) => Promise<{error: string | null; updatedTeam: Team | null}>;
     setInviteId: (inviteId: string) => void;
-}
+};
 
 const Organization = (props: Props) => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/preparing_workspace/page_body.tsx b/webapp/channels/src/components/preparing_workspace/page_body.tsx
index 683df0ced3a..5c056c391a6 100644
--- a/webapp/channels/src/components/preparing_workspace/page_body.tsx
+++ b/webapp/channels/src/components/preparing_workspace/page_body.tsx
@@ -7,7 +7,7 @@ import './page_body.scss';
 
 type Props = {
     children: React.ReactNode | React.ReactNodeArray;
-}
+};
 
 export default function PageBody(props: Props) {
     return (
diff --git a/webapp/channels/src/components/preparing_workspace/page_line.tsx b/webapp/channels/src/components/preparing_workspace/page_line.tsx
index ebbb9ee024d..d41d9a32e34 100644
--- a/webapp/channels/src/components/preparing_workspace/page_line.tsx
+++ b/webapp/channels/src/components/preparing_workspace/page_line.tsx
@@ -8,7 +8,7 @@ import './page_line.scss';
 type Props = {
     style?: Record<string, string>;
     noLeft?: boolean;
-}
+};
 const PageLine = (props: Props) => {
     let className = 'PageLine';
     if (props.noLeft) {
diff --git a/webapp/channels/src/components/preparing_workspace/plugins.tsx b/webapp/channels/src/components/preparing_workspace/plugins.tsx
index 6eb6ce279a7..4a621e94d07 100644
--- a/webapp/channels/src/components/preparing_workspace/plugins.tsx
+++ b/webapp/channels/src/components/preparing_workspace/plugins.tsx
@@ -29,7 +29,7 @@ type Props = PreparingWorkspacePageProps & {
     className?: string;
     isSelfHosted: boolean;
     handleVisitMarketPlaceClick: () => void;
-}
+};
 const Plugins = (props: Props) => {
     const {formatMessage} = useIntl();
     let className = 'Plugins-body';
diff --git a/webapp/channels/src/components/preparing_workspace/preparing_workspace.tsx b/webapp/channels/src/components/preparing_workspace/preparing_workspace.tsx
index 6ab21d1bb46..5e8456d67c4 100644
--- a/webapp/channels/src/components/preparing_workspace/preparing_workspace.tsx
+++ b/webapp/channels/src/components/preparing_workspace/preparing_workspace.tsx
@@ -63,12 +63,12 @@ export type Actions = {
     updateTeam: (team: Team) => Promise<ActionResult>;
     checkIfTeamExists: (teamName: string) => Promise<ActionResult<boolean>>;
     getProfiles: (page: number, perPage: number, options: Record<string, any>) => Promise<ActionResult>;
-}
+};
 
 type Props = RouterProps & {
     background?: JSX.Element | string;
     actions: Actions;
-}
+};
 
 const PreparingWorkspace = ({
     actions,
diff --git a/webapp/channels/src/components/preparing_workspace/progress.tsx b/webapp/channels/src/components/preparing_workspace/progress.tsx
index 6a37dcdbf62..cab792252e3 100644
--- a/webapp/channels/src/components/preparing_workspace/progress.tsx
+++ b/webapp/channels/src/components/preparing_workspace/progress.tsx
@@ -13,7 +13,7 @@ type Props = {
     step: WizardStep;
     stepOrder: WizardStep[];
     transitionSpeed: number;
-}
+};
 
 export const Progress = (props: Props) => {
     // exclude transitioning out as a progress step
diff --git a/webapp/channels/src/components/preparing_workspace/steps.ts b/webapp/channels/src/components/preparing_workspace/steps.ts
index 29affe32586..443a4529c82 100644
--- a/webapp/channels/src/components/preparing_workspace/steps.ts
+++ b/webapp/channels/src/components/preparing_workspace/steps.ts
@@ -79,7 +79,7 @@ export type Form = {
         invites: string[];
         skipped: boolean;
     };
-}
+};
 
 export const emptyForm = deepFreeze({
     organization: '',
@@ -117,5 +117,5 @@ export type PreparingWorkspacePageProps = {
     skip?: () => void;
     previous?: React.ReactNode;
     show: boolean;
-}
+};
 
diff --git a/webapp/channels/src/components/preparing_workspace/title.tsx b/webapp/channels/src/components/preparing_workspace/title.tsx
index e2e6da9740f..5720fa30c19 100644
--- a/webapp/channels/src/components/preparing_workspace/title.tsx
+++ b/webapp/channels/src/components/preparing_workspace/title.tsx
@@ -7,7 +7,7 @@ import './title.scss';
 
 type Props = {
     children: React.ReactNode | React.ReactNodeArray;
-}
+};
 const Title = (props: Props) => {
     return (<h1 className='PreparingWorkspaceTitle'>
         {props.children}
diff --git a/webapp/channels/src/components/product_notices_modal/product_notices_modal.tsx b/webapp/channels/src/components/product_notices_modal/product_notices_modal.tsx
index b5e36a0314e..37c9413622b 100644
--- a/webapp/channels/src/components/product_notices_modal/product_notices_modal.tsx
+++ b/webapp/channels/src/components/product_notices_modal/product_notices_modal.tsx
@@ -23,7 +23,7 @@ type Props = PropsFromRedux;
 type State = {
     presentNoticeIndex: number;
     noticesData: ProductNotices;
-}
+};
 
 export default class ProductNoticesModal extends React.PureComponent<Props, State> {
     clearDataTimer?: number;
diff --git a/webapp/channels/src/components/profile_picture/index.tsx b/webapp/channels/src/components/profile_picture/index.tsx
index 0999bdf387c..9af27b37f3c 100644
--- a/webapp/channels/src/components/profile_picture/index.tsx
+++ b/webapp/channels/src/components/profile_picture/index.tsx
@@ -27,7 +27,7 @@ type Props = {
     overwriteName?: string;
     newStatusIcon?: boolean;
     statusClass?: string;
-}
+};
 
 function ProfilePicture(props: Props) {
     // profileSrc will, if possible, be the original user profile picture even if the icon
diff --git a/webapp/channels/src/components/profile_popover/profile_popover_avatar.tsx b/webapp/channels/src/components/profile_popover/profile_popover_avatar.tsx
index 76227ec960e..5ed1c624325 100644
--- a/webapp/channels/src/components/profile_popover/profile_popover_avatar.tsx
+++ b/webapp/channels/src/components/profile_popover/profile_popover_avatar.tsx
@@ -11,7 +11,7 @@ type Props = {
     hideStatus?: boolean;
     status?: string;
     urlSrc: string;
-}
+};
 const ProfilePopoverAvatar = ({
     username,
     hideStatus,
diff --git a/webapp/channels/src/components/profile_popover/profile_popover_bot_description.tsx b/webapp/channels/src/components/profile_popover/profile_popover_bot_description.tsx
index 74ee5fc62ee..03440c93cf8 100644
--- a/webapp/channels/src/components/profile_popover/profile_popover_bot_description.tsx
+++ b/webapp/channels/src/components/profile_popover/profile_popover_bot_description.tsx
@@ -7,7 +7,7 @@ import type {UserProfile} from '@mattermost/types/users';
 
 type Props = {
     botDescription: UserProfile['bot_description'];
-}
+};
 
 const ProfilePopoverBotDescription = ({
     botDescription,
diff --git a/webapp/channels/src/components/profile_popover/profile_popover_call_button_wrapper/index.tsx b/webapp/channels/src/components/profile_popover/profile_popover_call_button_wrapper/index.tsx
index 67148f730d3..29ddb82ecdf 100644
--- a/webapp/channels/src/components/profile_popover/profile_popover_call_button_wrapper/index.tsx
+++ b/webapp/channels/src/components/profile_popover/profile_popover_call_button_wrapper/index.tsx
@@ -30,7 +30,7 @@ type Props = {
     currentUserId: string;
     fullname: string;
     username: string;
-}
+};
 
 export function isUserInCall(state: GlobalState, userId: string, channelId: string) {
     const sessionsInCall = getSessionsInCalls(state)[channelId] || {};
diff --git a/webapp/channels/src/components/profile_popover/profile_popover_calls_button/profile_popover_call_button.tsx b/webapp/channels/src/components/profile_popover/profile_popover_calls_button/profile_popover_call_button.tsx
index 53e79c9b6a6..eae43291bc9 100644
--- a/webapp/channels/src/components/profile_popover/profile_popover_calls_button/profile_popover_call_button.tsx
+++ b/webapp/channels/src/components/profile_popover/profile_popover_calls_button/profile_popover_call_button.tsx
@@ -20,7 +20,7 @@ type Props = {
     userId: string;
     customButton?: JSX.Element;
     dmChannel?: Channel | null;
-}
+};
 
 export default function ProfilePopoverCallButton({pluginCallComponents, channelMember, sidebarOpen, customButton, dmChannel, currentUserId, userId}: Props) {
     const [clickEnabled, setClickEnabled] = useState(true);
diff --git a/webapp/channels/src/components/profile_popover/profile_popover_custom_attributes.tsx b/webapp/channels/src/components/profile_popover/profile_popover_custom_attributes.tsx
index d29a5ff9672..42aabc43063 100644
--- a/webapp/channels/src/components/profile_popover/profile_popover_custom_attributes.tsx
+++ b/webapp/channels/src/components/profile_popover/profile_popover_custom_attributes.tsx
@@ -22,7 +22,7 @@ import ProfilePopoverUrl from './profile_popover_url';
 type Props = {
     userID: string;
     hideStatus?: boolean;
-}
+};
 const ProfilePopoverCustomAttributes = ({
     userID,
     hideStatus = false,
diff --git a/webapp/channels/src/components/profile_popover/profile_popover_custom_status.tsx b/webapp/channels/src/components/profile_popover/profile_popover_custom_status.tsx
index 58bb3cc5e5d..39be9fa0cae 100644
--- a/webapp/channels/src/components/profile_popover/profile_popover_custom_status.tsx
+++ b/webapp/channels/src/components/profile_popover/profile_popover_custom_status.tsx
@@ -29,7 +29,7 @@ type Props = {
     returnFocus?: () => void;
     currentUserTimezone?: string;
     haveOverrideProp: boolean;
-}
+};
 
 const emojiStyles: React.CSSProperties = {
     marginRight: 8,
diff --git a/webapp/channels/src/components/profile_popover/profile_popover_email.tsx b/webapp/channels/src/components/profile_popover/profile_popover_email.tsx
index 1406bfec240..505b9960469 100644
--- a/webapp/channels/src/components/profile_popover/profile_popover_email.tsx
+++ b/webapp/channels/src/components/profile_popover/profile_popover_email.tsx
@@ -7,7 +7,7 @@ type Props = {
     email?: string;
     haveOverrideProp?: boolean;
     isBot?: boolean;
-}
+};
 const ProfilePopoverEmail = ({
     email,
     haveOverrideProp,
diff --git a/webapp/channels/src/components/profile_popover/profile_popover_full_name.tsx b/webapp/channels/src/components/profile_popover/profile_popover_full_name.tsx
index 655570b277f..cbe3d72bc96 100644
--- a/webapp/channels/src/components/profile_popover/profile_popover_full_name.tsx
+++ b/webapp/channels/src/components/profile_popover/profile_popover_full_name.tsx
@@ -9,7 +9,7 @@ type Props = {
     fullname: string;
     username: string;
     remoteId?: string;
-}
+};
 const ProfilePopoverFullName = ({
     fullname,
     username,
diff --git a/webapp/channels/src/components/profile_popover/profile_popover_last_active.tsx b/webapp/channels/src/components/profile_popover/profile_popover_last_active.tsx
index 56fb3dc3eab..c1f7f62ace2 100644
--- a/webapp/channels/src/components/profile_popover/profile_popover_last_active.tsx
+++ b/webapp/channels/src/components/profile_popover/profile_popover_last_active.tsx
@@ -13,7 +13,7 @@ import type {GlobalState} from 'types/store';
 
 type Props = {
     userId: string;
-}
+};
 const ProfilePopoverLastActive = ({
     userId,
 }: Props) => {
diff --git a/webapp/channels/src/components/profile_popover/profile_popover_name.tsx b/webapp/channels/src/components/profile_popover/profile_popover_name.tsx
index f72965a5442..6c27ef2f4ff 100644
--- a/webapp/channels/src/components/profile_popover/profile_popover_name.tsx
+++ b/webapp/channels/src/components/profile_popover/profile_popover_name.tsx
@@ -16,7 +16,7 @@ type Props = {
     haveOverrideProp: boolean;
     user: UserProfile;
     fullname: string;
-}
+};
 const ProfilePopoverName = ({
     user,
     haveOverrideProp,
diff --git a/webapp/channels/src/components/profile_popover/profile_popover_override_disclaimer.tsx b/webapp/channels/src/components/profile_popover/profile_popover_override_disclaimer.tsx
index 517ba0f1053..5063bd7d4df 100644
--- a/webapp/channels/src/components/profile_popover/profile_popover_override_disclaimer.tsx
+++ b/webapp/channels/src/components/profile_popover/profile_popover_override_disclaimer.tsx
@@ -7,7 +7,7 @@ import {useIntl} from 'react-intl';
 type Props = {
     username: string;
     haveOverrideProp: boolean;
-}
+};
 const ProfilePopoverOverrideDisclaimer = ({
     username,
     haveOverrideProp,
diff --git a/webapp/channels/src/components/profile_popover/profile_popover_phone.tsx b/webapp/channels/src/components/profile_popover/profile_popover_phone.tsx
index fd046cfd711..c788395fa4f 100644
--- a/webapp/channels/src/components/profile_popover/profile_popover_phone.tsx
+++ b/webapp/channels/src/components/profile_popover/profile_popover_phone.tsx
@@ -9,7 +9,7 @@ import type {UserProfile} from '@mattermost/types/users';
 type Props = {
     attribute: UserPropertyField;
     userProfile: UserProfile;
-}
+};
 
 const ProfilePopoverPhone = ({attribute, userProfile}: Props) => {
     const phone = userProfile.custom_profile_attributes?.[attribute.id] as string;
diff --git a/webapp/channels/src/components/profile_popover/profile_popover_position.tsx b/webapp/channels/src/components/profile_popover/profile_popover_position.tsx
index 5938963dfd1..7e122384168 100644
--- a/webapp/channels/src/components/profile_popover/profile_popover_position.tsx
+++ b/webapp/channels/src/components/profile_popover/profile_popover_position.tsx
@@ -9,7 +9,7 @@ import Constants from 'utils/constants';
 
 type Props = {
     position: UserProfile['position'];
-}
+};
 
 const ProfilePopoverPosition = ({
     position,
diff --git a/webapp/channels/src/components/profile_popover/profile_popover_select_attribute.tsx b/webapp/channels/src/components/profile_popover/profile_popover_select_attribute.tsx
index 15cd3b9baed..d3ce2937c45 100644
--- a/webapp/channels/src/components/profile_popover/profile_popover_select_attribute.tsx
+++ b/webapp/channels/src/components/profile_popover/profile_popover_select_attribute.tsx
@@ -9,7 +9,7 @@ import type {UserProfile} from '@mattermost/types/users';
 type Props = {
     attribute: UserPropertyField;
     userProfile: UserProfile;
-}
+};
 
 const ProfilePopoverSelectAttribute = ({attribute, userProfile}: Props) => {
     const attributeValue = userProfile.custom_profile_attributes?.[attribute.id];
diff --git a/webapp/channels/src/components/profile_popover/profile_popover_self_user_row.tsx b/webapp/channels/src/components/profile_popover/profile_popover_self_user_row.tsx
index 8918cdfc460..10280a481ad 100644
--- a/webapp/channels/src/components/profile_popover/profile_popover_self_user_row.tsx
+++ b/webapp/channels/src/components/profile_popover/profile_popover_self_user_row.tsx
@@ -22,7 +22,7 @@ type Props = {
     returnFocus: () => void;
     handleCloseModals: () => void;
     handleShowDirectChannel: (e: React.MouseEvent<HTMLButtonElement>) => void;
-}
+};
 
 const ProfilePopoverSelfUserRow = ({
     userId,
diff --git a/webapp/channels/src/components/profile_popover/profile_popover_text_attribute.tsx b/webapp/channels/src/components/profile_popover/profile_popover_text_attribute.tsx
index c110fb47f21..95dd585077f 100644
--- a/webapp/channels/src/components/profile_popover/profile_popover_text_attribute.tsx
+++ b/webapp/channels/src/components/profile_popover/profile_popover_text_attribute.tsx
@@ -9,7 +9,7 @@ import type {UserProfile} from '@mattermost/types/users';
 type Props = {
     attribute: UserPropertyField;
     userProfile: UserProfile;
-}
+};
 
 const ProfilePopoverTextAttribute = ({attribute, userProfile}: Props) => {
     const attributeValue = userProfile.custom_profile_attributes?.[attribute.id];
diff --git a/webapp/channels/src/components/profile_popover/profile_popover_timezone.tsx b/webapp/channels/src/components/profile_popover/profile_popover_timezone.tsx
index 50b23de890d..ef01f8b5767 100644
--- a/webapp/channels/src/components/profile_popover/profile_popover_timezone.tsx
+++ b/webapp/channels/src/components/profile_popover/profile_popover_timezone.tsx
@@ -15,7 +15,7 @@ type ProfileTimezoneProps = {
     profileUserTimezone?: UserTimezone;
     currentUserTimezone: string | undefined;
     haveOverrideProp: boolean;
-}
+};
 
 const TimeZoneDifference = ({
     currentUserTimezone,
diff --git a/webapp/channels/src/components/profile_popover/profile_popover_title.tsx b/webapp/channels/src/components/profile_popover/profile_popover_title.tsx
index 4ff52470d07..8e2adfca1d7 100644
--- a/webapp/channels/src/components/profile_popover/profile_popover_title.tsx
+++ b/webapp/channels/src/components/profile_popover/profile_popover_title.tsx
@@ -27,7 +27,7 @@ type Props = {
     hide?: () => void;
     userId: string;
     channelId?: string;
-}
+};
 
 function getIsTeamAdmin(state: GlobalState, userId: string) {
     const team = getCurrentTeam(state);
diff --git a/webapp/channels/src/components/profile_popover/profile_popover_url.tsx b/webapp/channels/src/components/profile_popover/profile_popover_url.tsx
index a806d74905f..01706e5b1b4 100644
--- a/webapp/channels/src/components/profile_popover/profile_popover_url.tsx
+++ b/webapp/channels/src/components/profile_popover/profile_popover_url.tsx
@@ -11,7 +11,7 @@ import ExternalLink from 'components/external_link';
 type Props = {
     attribute: UserPropertyField;
     userProfile: UserProfile;
-}
+};
 
 const ProfilePopoverUrl = ({attribute, userProfile}: Props) => {
     const url = userProfile.custom_profile_attributes?.[attribute.id] as string;
diff --git a/webapp/channels/src/components/profile_popover/profile_popover_user_name.tsx b/webapp/channels/src/components/profile_popover/profile_popover_user_name.tsx
index dc74c50047f..e092169f71e 100644
--- a/webapp/channels/src/components/profile_popover/profile_popover_user_name.tsx
+++ b/webapp/channels/src/components/profile_popover/profile_popover_user_name.tsx
@@ -6,7 +6,7 @@ import React from 'react';
 type Props = {
     hasFullName: boolean;
     username: string;
-}
+};
 
 const ProfilePopoverUserName = ({
     hasFullName,
diff --git a/webapp/channels/src/components/properties_card_view/properties_card_view.tsx b/webapp/channels/src/components/properties_card_view/properties_card_view.tsx
index 0ff71be05ef..3a168971dd1 100644
--- a/webapp/channels/src/components/properties_card_view/properties_card_view.tsx
+++ b/webapp/channels/src/components/properties_card_view/properties_card_view.tsx
@@ -29,7 +29,7 @@ export type PostPreviewFieldMetadata = {
 export type UserPropertyMetadata = {
     searchUsers?: (term: string) => Promise<UserProfile[]>;
     setUser?: (userId: string) => void;
-}
+};
 
 export type TextFieldMetadata = {
     placeholder?: string;
@@ -47,7 +47,7 @@ export type FieldMetadata = PostPreviewFieldMetadata | TextFieldMetadata | UserP
 
 export type PropertiesCardViewMetadata = {
     [key: string]: FieldMetadata;
-}
+};
 
 type OrderedRow = {
     field: PropertyField;
@@ -133,7 +133,7 @@ type Props = {
     actionRows?: ActionRow[];
     metadata?: PropertiesCardViewMetadata;
     footer?: React.ReactNode;
-}
+};
 
 export default function PropertiesCardView({title, propertyFields, fieldOrder, shortModeFieldOrder, propertyValues, mode, actionRows, metadata, footer}: Props) {
     const orderedRows = useMemo<OrderedRow[]>(() => {
diff --git a/webapp/channels/src/components/properties_card_view/propertyValueRenderer/channel_property_renderer/channel_property_renderer.tsx b/webapp/channels/src/components/properties_card_view/propertyValueRenderer/channel_property_renderer/channel_property_renderer.tsx
index 011c3f42245..7191f2afcf6 100644
--- a/webapp/channels/src/components/properties_card_view/propertyValueRenderer/channel_property_renderer/channel_property_renderer.tsx
+++ b/webapp/channels/src/components/properties_card_view/propertyValueRenderer/channel_property_renderer/channel_property_renderer.tsx
@@ -14,7 +14,7 @@ import './channel_property_renderer.scss';
 type Props = {
     value: PropertyValue<unknown>;
     metadata?: ChannelFieldMetadata;
-}
+};
 
 export default function ChannelPropertyRenderer({value, metadata}: Props) {
     const channelId = value.value as string;
diff --git a/webapp/channels/src/components/properties_card_view/propertyValueRenderer/post_preview_property_renderer/post_preview_property_renderer.tsx b/webapp/channels/src/components/properties_card_view/propertyValueRenderer/post_preview_property_renderer/post_preview_property_renderer.tsx
index fb2232233df..deb275c62c8 100644
--- a/webapp/channels/src/components/properties_card_view/propertyValueRenderer/post_preview_property_renderer/post_preview_property_renderer.tsx
+++ b/webapp/channels/src/components/properties_card_view/propertyValueRenderer/post_preview_property_renderer/post_preview_property_renderer.tsx
@@ -15,7 +15,7 @@ const noop = () => {};
 type Props = {
     value?: PropertyValue<unknown>;
     metadata?: PostPreviewFieldMetadata;
-}
+};
 
 export default function PostPreviewPropertyRenderer({metadata}: Props) {
     const post = metadata?.post;
diff --git a/webapp/channels/src/components/properties_card_view/propertyValueRenderer/select_property_renderer/selectPropertyRenderer.tsx b/webapp/channels/src/components/properties_card_view/propertyValueRenderer/select_property_renderer/selectPropertyRenderer.tsx
index b5d0ddf2c93..dbf472985ce 100644
--- a/webapp/channels/src/components/properties_card_view/propertyValueRenderer/select_property_renderer/selectPropertyRenderer.tsx
+++ b/webapp/channels/src/components/properties_card_view/propertyValueRenderer/select_property_renderer/selectPropertyRenderer.tsx
@@ -12,7 +12,7 @@ const DEFAULT_BACKGROUND_COLOR = 'light_gray';
 type Props = {
     field: PropertyField;
     value: PropertyValue<unknown>;
-}
+};
 
 export default function SelectPropertyRenderer({field, value}: Props) {
     const valueConfig = (field as SelectPropertyField).attrs?.options?.find((option) => option.name === value.value);
diff --git a/webapp/channels/src/components/properties_card_view/propertyValueRenderer/team_property_renderer/team_property_renderer.tsx b/webapp/channels/src/components/properties_card_view/propertyValueRenderer/team_property_renderer/team_property_renderer.tsx
index fcd7db7d829..dff7165f6f0 100644
--- a/webapp/channels/src/components/properties_card_view/propertyValueRenderer/team_property_renderer/team_property_renderer.tsx
+++ b/webapp/channels/src/components/properties_card_view/propertyValueRenderer/team_property_renderer/team_property_renderer.tsx
@@ -16,7 +16,7 @@ import './team_property_renderer.scss';
 type Props = {
     value: PropertyValue<unknown>;
     metadata?: TeamFieldMetadata;
-}
+};
 
 export default function TeamPropertyRenderer({value, metadata}: Props) {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/properties_card_view/propertyValueRenderer/text_property_renderer/textPropertyRenderer.tsx b/webapp/channels/src/components/properties_card_view/propertyValueRenderer/text_property_renderer/textPropertyRenderer.tsx
index e2235be68a7..d64bce56df9 100644
--- a/webapp/channels/src/components/properties_card_view/propertyValueRenderer/text_property_renderer/textPropertyRenderer.tsx
+++ b/webapp/channels/src/components/properties_card_view/propertyValueRenderer/text_property_renderer/textPropertyRenderer.tsx
@@ -10,7 +10,7 @@ import type {TextFieldMetadata} from 'components/properties_card_view/properties
 type Props = {
     value: PropertyValue<unknown>;
     metadata?: TextFieldMetadata;
-}
+};
 
 export default function TextPropertyRenderer({value, metadata}: Props) {
     return (
diff --git a/webapp/channels/src/components/properties_card_view/propertyValueRenderer/timestamp_property_renderer/timestamp_property_renderer.tsx b/webapp/channels/src/components/properties_card_view/propertyValueRenderer/timestamp_property_renderer/timestamp_property_renderer.tsx
index 344e369d83a..f9cb8c82103 100644
--- a/webapp/channels/src/components/properties_card_view/propertyValueRenderer/timestamp_property_renderer/timestamp_property_renderer.tsx
+++ b/webapp/channels/src/components/properties_card_view/propertyValueRenderer/timestamp_property_renderer/timestamp_property_renderer.tsx
@@ -12,7 +12,7 @@ const getDateFormat: ComponentProps<typeof Timestamp>['useDate'] = {weekday: 'lo
 
 type Props = {
     value: PropertyValue<unknown>;
-}
+};
 
 export default function TimestampPropertyRenderer({value}: Props) {
     return (
diff --git a/webapp/channels/src/components/properties_card_view/propertyValueRenderer/user_property_renderer/selectable_user_property_renderer.tsx b/webapp/channels/src/components/properties_card_view/propertyValueRenderer/user_property_renderer/selectable_user_property_renderer.tsx
index dee3c07920f..c2733a179be 100644
--- a/webapp/channels/src/components/properties_card_view/propertyValueRenderer/user_property_renderer/selectable_user_property_renderer.tsx
+++ b/webapp/channels/src/components/properties_card_view/propertyValueRenderer/user_property_renderer/selectable_user_property_renderer.tsx
@@ -14,7 +14,7 @@ type Props = {
     field: PropertyField;
     metadata?: UserPropertyMetadata;
     initialValue?: string;
-}
+};
 
 export function SelectableUserPropertyRenderer({field, metadata, initialValue}: Props) {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/properties_card_view/propertyValueRenderer/user_property_renderer/userPropertyRenderer.tsx b/webapp/channels/src/components/properties_card_view/propertyValueRenderer/user_property_renderer/userPropertyRenderer.tsx
index 5eedf554d56..3d4613d7e28 100644
--- a/webapp/channels/src/components/properties_card_view/propertyValueRenderer/user_property_renderer/userPropertyRenderer.tsx
+++ b/webapp/channels/src/components/properties_card_view/propertyValueRenderer/user_property_renderer/userPropertyRenderer.tsx
@@ -21,7 +21,7 @@ type Props = {
     field: PropertyField;
     value?: PropertyValue<unknown>;
     metadata?: UserPropertyMetadata;
-}
+};
 
 export default function UserPropertyRenderer({field, value, metadata}: Props) {
     const userId = value ? value.value as string : '';
diff --git a/webapp/channels/src/components/purchase_modal/icon_message.tsx b/webapp/channels/src/components/purchase_modal/icon_message.tsx
index 2b39d428ea4..2551fd4db89 100644
--- a/webapp/channels/src/components/purchase_modal/icon_message.tsx
+++ b/webapp/channels/src/components/purchase_modal/icon_message.tsx
@@ -20,7 +20,7 @@ type Props = {
     footer?: JSX.Element;
     testId?: string;
     className?: string;
-}
+};
 
 export default function IconMessage(props: Props) {
     const {
diff --git a/webapp/channels/src/components/quick_input/quick_input.tsx b/webapp/channels/src/components/quick_input/quick_input.tsx
index 20399df20e1..2a1c0e6edd4 100644
--- a/webapp/channels/src/components/quick_input/quick_input.tsx
+++ b/webapp/channels/src/components/quick_input/quick_input.tsx
@@ -75,7 +75,7 @@ export type Props = {
     tabIndex?: number;
     size?: 'md' | 'lg';
     role?: string;
-}
+};
 
 const defaultClearableTooltipText = (
     <FormattedMessage
diff --git a/webapp/channels/src/components/remove_flagged_message_confirmation_modal/remove_flagged_message_confirmation_modal.tsx b/webapp/channels/src/components/remove_flagged_message_confirmation_modal/remove_flagged_message_confirmation_modal.tsx
index 895d2ddce0b..1cbbc5feffc 100644
--- a/webapp/channels/src/components/remove_flagged_message_confirmation_modal/remove_flagged_message_confirmation_modal.tsx
+++ b/webapp/channels/src/components/remove_flagged_message_confirmation_modal/remove_flagged_message_confirmation_modal.tsx
@@ -35,7 +35,7 @@ type Props = {
     onExited: () => void;
     flaggedPost: Post;
     reportingUser: UserProfile;
-}
+};
 
 type Step = 'form' | 'skip_confirm' | 'generating' | 'generated' | 'error';
 
diff --git a/webapp/channels/src/components/removed_from_channel_modal/index.ts b/webapp/channels/src/components/removed_from_channel_modal/index.ts
index d61709e4e18..fc34b063725 100644
--- a/webapp/channels/src/components/removed_from_channel_modal/index.ts
+++ b/webapp/channels/src/components/removed_from_channel_modal/index.ts
@@ -11,7 +11,7 @@ import RemovedFromChannelModal from './removed_from_channel_modal';
 
 type Props = {
     removerId: string;
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: Props) {
     const remover = getUser(state, ownProps.removerId);
diff --git a/webapp/channels/src/components/removed_from_channel_modal/removed_from_channel_modal.tsx b/webapp/channels/src/components/removed_from_channel_modal/removed_from_channel_modal.tsx
index 37a3bcdb47a..ba31017158a 100644
--- a/webapp/channels/src/components/removed_from_channel_modal/removed_from_channel_modal.tsx
+++ b/webapp/channels/src/components/removed_from_channel_modal/removed_from_channel_modal.tsx
@@ -12,11 +12,11 @@ type Props = {
     onExited: () => void;
     channelName?: string;
     remover?: string;
-}
+};
 
 type State = {
     show: boolean;
-}
+};
 
 export default class RemovedFromChannelModal extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/rename_channel_modal/rename_channel_modal.tsx b/webapp/channels/src/components/rename_channel_modal/rename_channel_modal.tsx
index dee9d9fb474..53577575fde 100644
--- a/webapp/channels/src/components/rename_channel_modal/rename_channel_modal.tsx
+++ b/webapp/channels/src/components/rename_channel_modal/rename_channel_modal.tsx
@@ -18,7 +18,7 @@ import Constants from 'utils/constants';
 
 type Actions = {
     patchChannel: (channelId: string, patch: Partial<Channel>) => Promise<ActionResult>;
-}
+};
 
 type Props = {
     channel: Channel;
@@ -26,7 +26,7 @@ type Props = {
     onExited: () => void;
     actions: Actions;
     intl: IntlShape;
-}
+};
 
 type State = {
     show: boolean;
@@ -34,7 +34,7 @@ type State = {
     channelUrl: string;
     isSaving: boolean;
     urlError: string;
-}
+};
 
 export class RenameChannelModal extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/reset_status_modal/reset_status_modal.tsx b/webapp/channels/src/components/reset_status_modal/reset_status_modal.tsx
index 47f21386013..d396038c97f 100644
--- a/webapp/channels/src/components/reset_status_modal/reset_status_modal.tsx
+++ b/webapp/channels/src/components/reset_status_modal/reset_status_modal.tsx
@@ -152,13 +152,13 @@ type Props = {
          */
         savePreferences: (userId: string, preferences: PreferenceType[]) => void;
     };
-}
+};
 
 type State = {
     show: boolean;
     currentUserStatus: UserStatus;
     newStatus: string;
-}
+};
 
 export default class ResetStatusModal extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/resizable_sidebar/constants.ts b/webapp/channels/src/components/resizable_sidebar/constants.ts
index bb65810257b..cda83d4aa5d 100644
--- a/webapp/channels/src/components/resizable_sidebar/constants.ts
+++ b/webapp/channels/src/components/resizable_sidebar/constants.ts
@@ -2,10 +2,10 @@
 // See LICENSE.txt for license information.
 
 export enum SidebarSize {
-    SMALL='small',
-    MEDIUM= 'medium',
-    LARGE= 'large',
-    XLARGE= 'xLarge',
+    SMALL = 'small',
+    MEDIUM = 'medium',
+    LARGE = 'large',
+    XLARGE = 'xLarge',
 }
 
 export enum ResizeDirection {
@@ -23,7 +23,7 @@ export const SIDEBAR_SNAP_SPEED_LIMIT = 5;
 
 export const DEFAULT_LHS_WIDTH = 240;
 
-export const RHS_MIN_MAX_WIDTH: { [size in SidebarSize]: { min: number; max: number; default: number}} = {
+export const RHS_MIN_MAX_WIDTH: {[size in SidebarSize]: {min: number; max: number; default: number}} = {
     [SidebarSize.SMALL]: {
         min: 400,
         max: 400,
diff --git a/webapp/channels/src/components/resizable_sidebar/resizable_divider.tsx b/webapp/channels/src/components/resizable_sidebar/resizable_divider.tsx
index b622c7cf9d0..25ec282153f 100644
--- a/webapp/channels/src/components/resizable_sidebar/resizable_divider.tsx
+++ b/webapp/channels/src/components/resizable_sidebar/resizable_divider.tsx
@@ -29,7 +29,7 @@ type Props = {
     onResize?: (width: number, cssVarProperty: string, cssVarValue: string) => void;
     onResizeEnd?: (finalWidth: number, cssVarProperty: string, cssVarValue: string) => void;
     onDividerDoubleClick?: (prevWidth: number, cssVarProperty: string) => void;
-}
+};
 
 const Divider = styled.div<{isActive: boolean}>`
     position: absolute;
diff --git a/webapp/channels/src/components/rhs_header_post/index.ts b/webapp/channels/src/components/rhs_header_post/index.ts
index d5b143960a0..07d47469e24 100644
--- a/webapp/channels/src/components/rhs_header_post/index.ts
+++ b/webapp/channels/src/components/rhs_header_post/index.ts
@@ -29,7 +29,7 @@ import type {GlobalState} from 'types/store';
 
 import RhsHeaderPost from './rhs_header_post';
 
-type OwnProps = Pick<ComponentProps<typeof RhsHeaderPost>, 'rootPostId'>
+type OwnProps = Pick<ComponentProps<typeof RhsHeaderPost>, 'rootPostId'>;
 
 function makeMapStateToProps() {
     const getThreadOrSynthetic = makeGetThreadOrSynthetic();
diff --git a/webapp/channels/src/components/rhs_thread/rhs_thread.tsx b/webapp/channels/src/components/rhs_thread/rhs_thread.tsx
index 5a90e04a00e..049c0706db1 100644
--- a/webapp/channels/src/components/rhs_thread/rhs_thread.tsx
+++ b/webapp/channels/src/components/rhs_thread/rhs_thread.tsx
@@ -20,7 +20,7 @@ type Props = {
     channel?: Channel;
     selected: Post | FakePost;
     previousRhsState?: RhsState;
-}
+};
 
 const RhsThread = ({
     currentTeam,
diff --git a/webapp/channels/src/components/root/actions/index.ts b/webapp/channels/src/components/root/actions/index.ts
index cb6766cfa46..d6f66c7b00e 100644
--- a/webapp/channels/src/components/root/actions/index.ts
+++ b/webapp/channels/src/components/root/actions/index.ts
@@ -29,7 +29,7 @@ import {doesCookieContainsMMUserId} from 'utils/utils';
 import type {ActionFuncAsync, ThunkActionFunc} from 'types/store';
 import type {Translations} from 'types/store/i18n';
 
-export type TranslationPluginFunction = (locale: string) => Translations
+export type TranslationPluginFunction = (locale: string) => Translations;
 
 /**
  * This function meant to be used in root.tsx component loads config, license and if user is logged in, it loads user and its related data.
diff --git a/webapp/channels/src/components/root/root.tsx b/webapp/channels/src/components/root/root.tsx
index 6a3142afb47..b69cbe2670a 100644
--- a/webapp/channels/src/components/root/root.tsx
+++ b/webapp/channels/src/components/root/root.tsx
@@ -81,7 +81,7 @@ const Help = makeAsyncComponent('Help', lazy(() => import('components/help')));
 
 const Pluggable = makeAsyncPluggableComponent();
 
-export type Props = PropsFromRedux & RouteComponentProps
+export type Props = PropsFromRedux & RouteComponentProps;
 
 interface State {
     shouldMountAppRoutes?: boolean;
diff --git a/webapp/channels/src/components/root/root_provider.tsx b/webapp/channels/src/components/root/root_provider.tsx
index 6c00913d3b8..403cf5dca3a 100644
--- a/webapp/channels/src/components/root/root_provider.tsx
+++ b/webapp/channels/src/components/root/root_provider.tsx
@@ -13,7 +13,7 @@ import SharedPackageProvider from './shared_package_provider';
 
 type Props = {
     children: React.ReactNode;
-}
+};
 
 export default function RootProvider(props: Props) {
     return (
diff --git a/webapp/channels/src/components/root/root_redirect/root_redirect.tsx b/webapp/channels/src/components/root/root_redirect/root_redirect.tsx
index 199aec748af..3af138e09b4 100644
--- a/webapp/channels/src/components/root/root_redirect/root_redirect.tsx
+++ b/webapp/channels/src/components/root/root_redirect/root_redirect.tsx
@@ -17,7 +17,7 @@ export type Props = {
     actions: {
         getFirstAdminSetupComplete: () => Promise<ActionResult>;
     };
-}
+};
 
 export default function RootRedirect(props: Props) {
     const history = useHistory();
diff --git a/webapp/channels/src/components/scroll_to_bottom_toast/scroll_to_bottom_toast.tsx b/webapp/channels/src/components/scroll_to_bottom_toast/scroll_to_bottom_toast.tsx
index d7c7af98674..27aafbe6f42 100644
--- a/webapp/channels/src/components/scroll_to_bottom_toast/scroll_to_bottom_toast.tsx
+++ b/webapp/channels/src/components/scroll_to_bottom_toast/scroll_to_bottom_toast.tsx
@@ -17,7 +17,7 @@ export const SCROLL_TO_BOTTOM_DISMISS_BUTTON_TESTID = 'scroll-to-bottom-toast--d
 type ScrollToBottomToastProps = {
     onDismiss: () => void;
     onClick: () => void;
-}
+};
 
 export const ScrollToBottomToast = ({onDismiss, onClick}: ScrollToBottomToastProps) => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/search/types.ts b/webapp/channels/src/components/search/types.ts
index 8876917887b..381df5e89bc 100644
--- a/webapp/channels/src/components/search/types.ts
+++ b/webapp/channels/src/components/search/types.ts
@@ -20,7 +20,7 @@ export type OwnProps = {
     channelDisplayName?: string;
     getFocus?: (searchBarFocus: () => void) => void;
     children?: React.ReactNode;
-}
+};
 
 export type StateProps = {
     isRhsExpanded: boolean;
@@ -36,12 +36,12 @@ export type StateProps = {
     isSearch: boolean;
     isMobileView: boolean;
     crossTeamSearchEnabled: boolean;
-}
+};
 
 export type DispatchProps = {
     actions: {
         updateSearchTerms: (term: string) => Action;
-        updateSearchTeam: (teamId: string|null) => Action;
+        updateSearchTeam: (teamId: string | null) => Action;
         updateSearchTermsForShortcut: () => void;
         updateSearchType: (searchType: string) => Action;
         showSearchResults: (isMentionSearch: boolean) => unknown;
@@ -51,6 +51,6 @@ export type DispatchProps = {
         updateRhsState: (rhsState: string) => void;
         openRHSSearch: () => void;
     };
-}
+};
 
 export type Props = StateProps & DispatchProps & OwnProps;
diff --git a/webapp/channels/src/components/search_bar/search_bar.tsx b/webapp/channels/src/components/search_bar/search_bar.tsx
index ad26cea7122..cfc2a833662 100644
--- a/webapp/channels/src/components/search_bar/search_bar.tsx
+++ b/webapp/channels/src/components/search_bar/search_bar.tsx
@@ -42,7 +42,7 @@ type Props = {
     clearSearchType?: () => void;
     getFocus?: (searchBarFocus: () => void) => void;
     children?: React.ReactNode;
-}
+};
 
 const SearchBar: React.FunctionComponent<Props> = (props: Props): JSX.Element => {
     const {
diff --git a/webapp/channels/src/components/search_hint/search_hint.tsx b/webapp/channels/src/components/search_hint/search_hint.tsx
index 0c4be782a1c..b8787d42897 100644
--- a/webapp/channels/src/components/search_hint/search_hint.tsx
+++ b/webapp/channels/src/components/search_hint/search_hint.tsx
@@ -30,7 +30,7 @@ type Props = {
     onElementBlur?: () => void;
     onElementFocus?: () => void;
     searchType?: 'files' | 'messages' | '';
-}
+};
 
 const SearchHint = (props: Props): JSX.Element => {
     const handleOnOptionHover = (optionIndex: number) => {
diff --git a/webapp/channels/src/components/search_results/post_search_results_item.tsx b/webapp/channels/src/components/search_results/post_search_results_item.tsx
index c152059c10d..5f78c0eaf8a 100644
--- a/webapp/channels/src/components/search_results/post_search_results_item.tsx
+++ b/webapp/channels/src/components/search_results/post_search_results_item.tsx
@@ -22,7 +22,7 @@ type Props = {
     matches: string[];
     post: Post;
     searchTerm: string;
-}
+};
 
 export default function PostSearchResultsItem(props: Props) {
     const autotranslated = useSelector((state: GlobalState) => isMyChannelAutotranslated(state, props.post.channel_id));
diff --git a/webapp/channels/src/components/search_results/search_limits_banner.tsx b/webapp/channels/src/components/search_results/search_limits_banner.tsx
index f5597c2b148..beab55e7af8 100644
--- a/webapp/channels/src/components/search_results/search_limits_banner.tsx
+++ b/webapp/channels/src/components/search_results/search_limits_banner.tsx
@@ -19,7 +19,7 @@ import './search_limits_banner.scss';
 
 type Props = {
     searchType: string;
-}
+};
 
 function SearchLimitsBanner(props: Props) {
     const [serverLimits] = useGetServerLimits();
diff --git a/webapp/channels/src/components/search_results/search_results.tsx b/webapp/channels/src/components/search_results/search_results.tsx
index 586a3a61dbb..7724d0fc95f 100644
--- a/webapp/channels/src/components/search_results/search_results.tsx
+++ b/webapp/channels/src/components/search_results/search_results.tsx
@@ -331,7 +331,7 @@ const SearchResults: React.FC<Props> = (props: Props): JSX.Element => {
             sortedResults = fileResults;
         }
 
-        contentItems = sortedResults.map((item: string|Post|FileSearchResultItemType, index: number) => {
+        contentItems = sortedResults.map((item: string | Post | FileSearchResultItemType, index: number) => {
             if (searchType === DataSearchTypes.MESSAGES_SEARCH_TYPE && !props.isChannelFiles) {
                 if (typeof item === 'string' && isDateLine(item)) {
                     const date = getDateForDateLine(item);
diff --git a/webapp/channels/src/components/search_results/types.ts b/webapp/channels/src/components/search_results/types.ts
index 9586784637c..391d9baf041 100644
--- a/webapp/channels/src/components/search_results/types.ts
+++ b/webapp/channels/src/components/search_results/types.ts
@@ -31,7 +31,7 @@ export type OwnProps = {
 
 export type StateProps = {
     currentTeamName: string;
-    results: Array<Post|string>;
+    results: Array<Post | string>;
     fileResults: FileInfo[];
     matches: Record<string, string[]>;
     searchPage: number;
diff --git a/webapp/channels/src/components/search_shortcut/search_shortcut.tsx b/webapp/channels/src/components/search_shortcut/search_shortcut.tsx
index 069e601149c..10e654ae6ff 100644
--- a/webapp/channels/src/components/search_shortcut/search_shortcut.tsx
+++ b/webapp/channels/src/components/search_shortcut/search_shortcut.tsx
@@ -12,7 +12,7 @@ import './search_shortcut.scss';
 export type SearchShortcutProps = {
     className?: string;
     variant?: ShortcutKeyVariant;
-}
+};
 
 export const SearchShortcut = ({className, variant}: SearchShortcutProps) => {
     const controlKey = isMac() ? '⌘' : 'Ctrl';
diff --git a/webapp/channels/src/components/searchable_channel_list.tsx b/webapp/channels/src/components/searchable_channel_list.tsx
index 9db2a75e793..e27a1ee334a 100644
--- a/webapp/channels/src/components/searchable_channel_list.tsx
+++ b/webapp/channels/src/components/searchable_channel_list.tsx
@@ -53,7 +53,7 @@ type State = {
     nextDisabled: boolean;
     channelSearchValue: string;
     isSearch?: boolean;
-}
+};
 
 export class SearchableChannelList extends React.PureComponent<Props, State> {
     private nextTimeoutId: number | NodeJS.Timeout;
diff --git a/webapp/channels/src/components/searchable_user_list/searchable_user_list.tsx b/webapp/channels/src/components/searchable_user_list/searchable_user_list.tsx
index 1d1dbf57fd3..d3f11f47ed8 100644
--- a/webapp/channels/src/components/searchable_user_list/searchable_user_list.tsx
+++ b/webapp/channels/src/components/searchable_user_list/searchable_user_list.tsx
@@ -56,7 +56,7 @@ type Props = {
 
     // the type of user list row to render
     rowComponentType?: React.ComponentType<any>;
-}
+};
 
 type State = {
     nextDisabled: boolean;
diff --git a/webapp/channels/src/components/searchable_user_list/searchable_user_list_container.tsx b/webapp/channels/src/components/searchable_user_list/searchable_user_list_container.tsx
index 8b78adff5b8..a1f046efff7 100644
--- a/webapp/channels/src/components/searchable_user_list/searchable_user_list_container.tsx
+++ b/webapp/channels/src/components/searchable_user_list/searchable_user_list_container.tsx
@@ -37,7 +37,7 @@ type Props = {
         };
     };
     focusOnMount?: boolean;
-}
+};
 
 export default function SearchableUserListContainer(props: Props) {
     const [term, setTerm] = useState('');
diff --git a/webapp/channels/src/components/seats_calculator/consequences.tsx b/webapp/channels/src/components/seats_calculator/consequences.tsx
index 85536abd979..f9fe8857d8a 100644
--- a/webapp/channels/src/components/seats_calculator/consequences.tsx
+++ b/webapp/channels/src/components/seats_calculator/consequences.tsx
@@ -15,7 +15,7 @@ import {
 type Props = {
     isCloud: boolean;
     licenseAgreementBtnText: string;
-}
+};
 
 export default function Consequences(props: Props) {
     let text = (
diff --git a/webapp/channels/src/components/section_notice/section_notice_button.tsx b/webapp/channels/src/components/section_notice/section_notice_button.tsx
index 71d29abf2c7..476aa1bf045 100644
--- a/webapp/channels/src/components/section_notice/section_notice_button.tsx
+++ b/webapp/channels/src/components/section_notice/section_notice_button.tsx
@@ -12,7 +12,7 @@ type Props = {
     button: SectionNoticeButtonProp;
     emphasis?: ButtonEmphasis;
     buttonClass?: 'btn-link';
-}
+};
 
 const SectionNoticeButton = ({
     button,
diff --git a/webapp/channels/src/components/section_notice/types.d.ts b/webapp/channels/src/components/section_notice/types.d.ts
index a107ce4ff75..a23e19ee3e2 100644
--- a/webapp/channels/src/components/section_notice/types.d.ts
+++ b/webapp/channels/src/components/section_notice/types.d.ts
@@ -7,4 +7,4 @@ type SectionNoticeButton = {
     trailingIcon?: string;
     leadingIcon?: string;
     loading?: boolean;
-}
+};
diff --git a/webapp/channels/src/components/section_notice/types.ts b/webapp/channels/src/components/section_notice/types.ts
index 46973974930..60b2c113870 100644
--- a/webapp/channels/src/components/section_notice/types.ts
+++ b/webapp/channels/src/components/section_notice/types.ts
@@ -8,4 +8,4 @@ export type SectionNoticeButtonProp = {
     leadingIcon?: string;
     loading?: boolean;
     disabled?: boolean;
-}
+};
diff --git a/webapp/channels/src/components/select_team/select_team.tsx b/webapp/channels/src/components/select_team/select_team.tsx
index f7a6ced9392..4792fd92e88 100644
--- a/webapp/channels/src/components/select_team/select_team.tsx
+++ b/webapp/channels/src/components/select_team/select_team.tsx
@@ -39,7 +39,7 @@ type Actions = {
     getTeams: (page?: number, perPage?: number, includeTotalCount?: boolean) => Promise<ActionResult<unknown>>;
     loadRolesIfNeeded: (roles: Iterable<string>) => void;
     addUserToTeam: (teamId: string, userId: string) => Promise<ActionResult<unknown>>;
-}
+};
 
 type Props = {
     currentUserId: string;
@@ -67,7 +67,7 @@ type State = {
     endofTeamsData: boolean;
     currentPage: number;
     currentListableTeams: Team[];
-}
+};
 
 export default class SelectTeam extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/setting_item.tsx b/webapp/channels/src/components/setting_item.tsx
index 89c080c799b..f8cb45bdd1c 100644
--- a/webapp/channels/src/components/setting_item.tsx
+++ b/webapp/channels/src/components/setting_item.tsx
@@ -41,7 +41,7 @@ type Props = {
      * Replacement in place of edit button when the setting (in collapsed mode) is disabled
      */
     collapsedEditButtonWhenDisabled?: ReactNode;
-}
+};
 
 const SettingItem = ({
     active,
diff --git a/webapp/channels/src/components/setting_item_max.tsx b/webapp/channels/src/components/setting_item_max.tsx
index 675a21d0df8..3d315de12ef 100644
--- a/webapp/channels/src/components/setting_item_max.tsx
+++ b/webapp/channels/src/components/setting_item_max.tsx
@@ -49,7 +49,7 @@ type Props = {
     saveButtonText?: string;
     saveButtonVariant?: ButtonVariant;
     isValid?: boolean;
-}
+};
 
 const SettingItemMax = ({
     infoPosition = 'bottom',
diff --git a/webapp/channels/src/components/setting_picture.tsx b/webapp/channels/src/components/setting_picture.tsx
index 84a7651bba3..4890c6dafae 100644
--- a/webapp/channels/src/components/setting_picture.tsx
+++ b/webapp/channels/src/components/setting_picture.tsx
@@ -31,14 +31,14 @@ type Props = {
     updateSection?: (e: MouseEvent<HTMLButtonElement>) => void;
     imageContext?: string;
     helpText?: ReactNode;
-}
+};
 
 type State = {
     image: string | null;
     removeSrc: boolean;
     setDefaultSrc: boolean;
     orientationStyles?: CSSProperties;
-}
+};
 
 export default class SettingPicture extends Component<Props, State> {
     static defaultProps = {
diff --git a/webapp/channels/src/components/settings_sidebar/settings_sidebar.tsx b/webapp/channels/src/components/settings_sidebar/settings_sidebar.tsx
index 8f29a55dedf..883883f9d47 100644
--- a/webapp/channels/src/components/settings_sidebar/settings_sidebar.tsx
+++ b/webapp/channels/src/components/settings_sidebar/settings_sidebar.tsx
@@ -15,7 +15,7 @@ export type Tab = {
     uiName: string;
     newGroup?: boolean;
     display?: boolean; // Controls whether the tab is displayed, defaults to true
-}
+};
 
 export type Props = {
     activeTab?: string;
diff --git a/webapp/channels/src/components/show_translation_modal/show_translation_modal.tsx b/webapp/channels/src/components/show_translation_modal/show_translation_modal.tsx
index 6a23bd44450..4cb37066bb3 100644
--- a/webapp/channels/src/components/show_translation_modal/show_translation_modal.tsx
+++ b/webapp/channels/src/components/show_translation_modal/show_translation_modal.tsx
@@ -23,7 +23,7 @@ type Props = {
     postId: string;
     onExited?: () => void;
     onHide?: () => void;
-}
+};
 
 function ShowTranslationModal({postId, onExited, onHide}: Props) {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/sidebar/invite_members_button.tsx b/webapp/channels/src/components/sidebar/invite_members_button.tsx
index 62dc9b91167..501fa1ed9ce 100644
--- a/webapp/channels/src/components/sidebar/invite_members_button.tsx
+++ b/webapp/channels/src/components/sidebar/invite_members_button.tsx
@@ -16,7 +16,7 @@ import {ModalIdentifiers} from 'utils/constants';
 
 type Props = {
     className?: string;
-}
+};
 
 const InviteMembersButton = (props: Props): JSX.Element | null => {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/sidebar/sidebar_category/index.ts b/webapp/channels/src/components/sidebar/sidebar_category/index.ts
index d761528b7db..4fa55261aab 100644
--- a/webapp/channels/src/components/sidebar/sidebar_category/index.ts
+++ b/webapp/channels/src/components/sidebar/sidebar_category/index.ts
@@ -20,7 +20,7 @@ import SidebarCategory from './sidebar_category';
 
 type OwnProps = {
     category: ChannelCategory;
-}
+};
 
 function makeMapStateToProps() {
     const getChannelIdsForCategory = makeGetFilteredChannelIdsForCategory();
diff --git a/webapp/channels/src/components/sidebar/sidebar_category/sidebar_category.tsx b/webapp/channels/src/components/sidebar/sidebar_category/sidebar_category.tsx
index 733c42562e4..69867da6cf2 100644
--- a/webapp/channels/src/components/sidebar/sidebar_category/sidebar_category.tsx
+++ b/webapp/channels/src/components/sidebar/sidebar_category/sidebar_category.tsx
@@ -52,7 +52,7 @@ type Props = {
 type State = {
     isMenuOpen: boolean;
     isManagedCategoryCollapsed: boolean;
-}
+};
 
 export default class SidebarCategory extends React.PureComponent<Props, State> {
     categoryTitleRef: React.RefObject<HTMLButtonElement>;
diff --git a/webapp/channels/src/components/sidebar/sidebar_category/sidebar_category_menu/create_new_category_menu_item.tsx b/webapp/channels/src/components/sidebar/sidebar_category/sidebar_category_menu/create_new_category_menu_item.tsx
index af1fbd9fa5b..146e4a15ae8 100644
--- a/webapp/channels/src/components/sidebar/sidebar_category/sidebar_category_menu/create_new_category_menu_item.tsx
+++ b/webapp/channels/src/components/sidebar/sidebar_category/sidebar_category_menu/create_new_category_menu_item.tsx
@@ -16,7 +16,7 @@ import {ModalIdentifiers} from 'utils/constants';
 
 type Props = {
     id: string;
-}
+};
 
 const CreateNewCategoryMenuItem = ({
     id,
diff --git a/webapp/channels/src/components/sidebar/sidebar_category/sidebar_category_menu/mark_as_read_menu_item.tsx b/webapp/channels/src/components/sidebar/sidebar_category/sidebar_category_menu/mark_as_read_menu_item.tsx
index 247b2fb301a..b5780a0ca7d 100644
--- a/webapp/channels/src/components/sidebar/sidebar_category/sidebar_category_menu/mark_as_read_menu_item.tsx
+++ b/webapp/channels/src/components/sidebar/sidebar_category/sidebar_category_menu/mark_as_read_menu_item.tsx
@@ -19,7 +19,7 @@ type Props = {
     id: string;
     handleViewCategory: () => void;
     numChannels: number;
-}
+};
 
 const MarkAsUnreadItem = ({
     id,
diff --git a/webapp/channels/src/components/sidebar/sidebar_category_header.tsx b/webapp/channels/src/components/sidebar/sidebar_category_header.tsx
index 2b75275ae72..e73da8cdd8a 100644
--- a/webapp/channels/src/components/sidebar/sidebar_category_header.tsx
+++ b/webapp/channels/src/components/sidebar/sidebar_category_header.tsx
@@ -10,7 +10,7 @@ import {wrapEmojis} from 'utils/emoji_utils';
 type StaticProps = {
     children?: React.ReactNode;
     displayName: string;
-}
+};
 
 export const SidebarCategoryHeaderStatic = React.forwardRef((props: StaticProps, ref?: React.Ref<HTMLDivElement>) => {
     return (
@@ -38,7 +38,7 @@ type Props = StaticProps & {
     isManaged?: boolean;
     muted: boolean;
     onClick: (event: React.MouseEvent<HTMLElement>) => void;
-}
+};
 
 export const SidebarCategoryHeader = React.forwardRef(({
     children,
diff --git a/webapp/channels/src/components/sidebar/sidebar_channel/channel_pencil_icon/index.ts b/webapp/channels/src/components/sidebar/sidebar_channel/channel_pencil_icon/index.ts
index 3b07cdeeea2..e9f5790e726 100644
--- a/webapp/channels/src/components/sidebar/sidebar_channel/channel_pencil_icon/index.ts
+++ b/webapp/channels/src/components/sidebar/sidebar_channel/channel_pencil_icon/index.ts
@@ -18,9 +18,9 @@ import ChannelPencilIcon from './channel_pencil_icon';
 
 type OwnProps = {
     id: Channel['id'];
-}
+};
 
-function hasDraft(draft: PostDraft|null, id: Channel['id'], currentChannelId?: string): boolean {
+function hasDraft(draft: PostDraft | null, id: Channel['id'], currentChannelId?: string): boolean {
     if (draft === null) {
         return false;
     }
diff --git a/webapp/channels/src/components/sidebar/sidebar_channel/index.ts b/webapp/channels/src/components/sidebar/sidebar_channel/index.ts
index 0697a2a1dba..9432876d3cd 100644
--- a/webapp/channels/src/components/sidebar/sidebar_channel/index.ts
+++ b/webapp/channels/src/components/sidebar/sidebar_channel/index.ts
@@ -25,7 +25,7 @@ type OwnProps = {
      * Sets the ref for the sidebar channel div element, so that it can be used by parent components
      */
     setChannelRef: (channelId: string, ref: HTMLLIElement) => void;
-}
+};
 
 function makeMapStateToProps() {
     const getChannel = makeGetChannel();
diff --git a/webapp/channels/src/components/sidebar/sidebar_channel/sidebar_base_channel/sidebar_base_channel_icon.tsx b/webapp/channels/src/components/sidebar/sidebar_channel/sidebar_base_channel/sidebar_base_channel_icon.tsx
index a8bfb2c380a..8bd9514eef0 100644
--- a/webapp/channels/src/components/sidebar/sidebar_channel/sidebar_base_channel/sidebar_base_channel_icon.tsx
+++ b/webapp/channels/src/components/sidebar/sidebar_channel/sidebar_base_channel/sidebar_base_channel_icon.tsx
@@ -9,7 +9,7 @@ import Constants from 'utils/constants';
 
 type Props = {
     channelType: ChannelType;
-}
+};
 
 const SidebarBaseChannelIcon = ({
     channelType,
diff --git a/webapp/channels/src/components/sidebar/sidebar_channel/sidebar_channel_link/index.ts b/webapp/channels/src/components/sidebar/sidebar_channel/sidebar_channel_link/index.ts
index e7b510833ce..4634d7e6d3c 100644
--- a/webapp/channels/src/components/sidebar/sidebar_channel/sidebar_channel_link/index.ts
+++ b/webapp/channels/src/components/sidebar/sidebar_channel/sidebar_channel_link/index.ts
@@ -35,7 +35,7 @@ import SidebarChannelLink from './sidebar_channel_link';
 
 type OwnProps = {
     channel: Channel;
-}
+};
 
 function makeMapStateToProps() {
     const getUnreadCount = makeGetChannelUnreadCount();
diff --git a/webapp/channels/src/components/sidebar/sidebar_channel/sidebar_channel_menu/index.ts b/webapp/channels/src/components/sidebar/sidebar_channel/sidebar_channel_menu/index.ts
index 1278fc656af..99fb7254d3a 100644
--- a/webapp/channels/src/components/sidebar/sidebar_channel/sidebar_channel_menu/index.ts
+++ b/webapp/channels/src/components/sidebar/sidebar_channel/sidebar_channel_menu/index.ts
@@ -30,7 +30,7 @@ export type OwnProps = {
     isUnread: boolean;
     channelLeaveHandler?: (callback: () => void) => void;
     onMenuToggle: (open: boolean) => void;
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     const member = getMyChannelMemberships(state)[ownProps.channel.id];
diff --git a/webapp/channels/src/components/sidebar/sidebar_channel/sidebar_direct_channel/index.ts b/webapp/channels/src/components/sidebar/sidebar_channel/sidebar_direct_channel/index.ts
index a9c8e46a99f..61ad2f60600 100644
--- a/webapp/channels/src/components/sidebar/sidebar_channel/sidebar_direct_channel/index.ts
+++ b/webapp/channels/src/components/sidebar/sidebar_channel/sidebar_direct_channel/index.ts
@@ -20,7 +20,7 @@ import SidebarDirectChannel from './sidebar_direct_channel';
 type OwnProps = {
     channel: Channel;
     currentTeamName: string;
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     const teammate = getUser(state, ownProps.channel.teammate_id!);
diff --git a/webapp/channels/src/components/sidebar/sidebar_channel/sidebar_group_channel/index.ts b/webapp/channels/src/components/sidebar/sidebar_channel/sidebar_group_channel/index.ts
index d1794e140f5..e2275844d04 100644
--- a/webapp/channels/src/components/sidebar/sidebar_channel/sidebar_group_channel/index.ts
+++ b/webapp/channels/src/components/sidebar/sidebar_channel/sidebar_group_channel/index.ts
@@ -17,7 +17,7 @@ import SidebarGroupChannel from './sidebar_group_channel';
 
 type OwnProps = {
     channel: Channel;
-}
+};
 
 function makeMapStateToProps() {
     const getMemberCount = makeGetGmChannelMemberCount();
diff --git a/webapp/channels/src/components/sidebar/sidebar_header/sidebar_header.tsx b/webapp/channels/src/components/sidebar/sidebar_header/sidebar_header.tsx
index b9c61d3ecc3..04fb5f6bde9 100644
--- a/webapp/channels/src/components/sidebar/sidebar_header/sidebar_header.tsx
+++ b/webapp/channels/src/components/sidebar/sidebar_header/sidebar_header.tsx
@@ -22,7 +22,7 @@ export type Props = {
     handleOpenDirectMessagesModal: () => void;
     unreadFilterEnabled: boolean;
     canCreateCustomGroups: boolean;
-}
+};
 
 const SidebarHeader = (props: Props) => {
     const currentTeam = useSelector(getCurrentTeam);
diff --git a/webapp/channels/src/components/sidebar/unread_channel_indicator/unread_channel_indicator.tsx b/webapp/channels/src/components/sidebar/unread_channel_indicator/unread_channel_indicator.tsx
index a807f0055f3..5b10630ed0c 100644
--- a/webapp/channels/src/components/sidebar/unread_channel_indicator/unread_channel_indicator.tsx
+++ b/webapp/channels/src/components/sidebar/unread_channel_indicator/unread_channel_indicator.tsx
@@ -34,7 +34,7 @@ type Props = {
      * The name of the indicator
      */
     name?: string;
-}
+};
 
 function UnreadChannelIndicator({
     onClick,
diff --git a/webapp/channels/src/components/sidebar_right/sidebar_right.tsx b/webapp/channels/src/components/sidebar_right/sidebar_right.tsx
index a52e359a0e3..d4d77dca57b 100644
--- a/webapp/channels/src/components/sidebar_right/sidebar_right.tsx
+++ b/webapp/channels/src/components/sidebar_right/sidebar_right.tsx
@@ -62,11 +62,11 @@ export type Props = {
         showChannelFiles: (channelId: string) => void;
         showChannelInfo: (channelId: string) => void;
     };
-}
+};
 
 type State = {
     isOpened: boolean;
-}
+};
 
 export default class SidebarRight extends React.PureComponent<Props, State> {
     sidebarRight: React.RefObject<HTMLDivElement>;
diff --git a/webapp/channels/src/components/signup/signup.tsx b/webapp/channels/src/components/signup/signup.tsx
index d1f51212f5d..b37fa2c014f 100644
--- a/webapp/channels/src/components/signup/signup.tsx
+++ b/webapp/channels/src/components/signup/signup.tsx
@@ -60,7 +60,7 @@ const MOBILE_SCREEN_WIDTH = 1200;
 
 type SignupProps = {
     onCustomizeHeader?: CustomizeHeaderType;
-}
+};
 
 const Signup = ({onCustomizeHeader}: SignupProps) => {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/single_image_view/single_image_view.tsx b/webapp/channels/src/components/single_image_view/single_image_view.tsx
index 99c2ef2ad45..9c395ea4ff8 100644
--- a/webapp/channels/src/components/single_image_view/single_image_view.tsx
+++ b/webapp/channels/src/components/single_image_view/single_image_view.tsx
@@ -41,7 +41,7 @@ type State = {
     };
     thumbnailCheckComplete: boolean;
     thumbnailRejected: boolean;
-}
+};
 
 export default class SingleImageView extends React.PureComponent<Props, State> {
     private mounted = false;
diff --git a/webapp/channels/src/components/size_aware_image.tsx b/webapp/channels/src/components/size_aware_image.tsx
index 6e2e1346b61..80f4ccac1f5 100644
--- a/webapp/channels/src/components/size_aware_image.tsx
+++ b/webapp/channels/src/components/size_aware_image.tsx
@@ -87,7 +87,7 @@ export type Props = WrappedComponentProps & {
     /**
     * Action to fetch public link of an image from server.
     */
-    getFilePublicLink?: () => Promise<ActionResult<{ link: string }>>;
+    getFilePublicLink?: () => Promise<ActionResult<{link: string}>>;
 
     /*
     * Prevents display of utility buttons when image in a location that makes them inappropriate
@@ -98,7 +98,7 @@ export type Props = WrappedComponentProps & {
     * Indicates whether the file has been rejected and should not show preview
     */
     isFileRejected?: boolean;
-}
+};
 
 type State = {
     loaded: boolean;
@@ -107,7 +107,7 @@ type State = {
     linkCopyInProgress: boolean;
     error: boolean;
     imageWidth: number;
-}
+};
 
 // SizeAwareImage is a component used for rendering images where the dimensions of the image are important for
 // ensuring that the page is laid out correctly.
diff --git a/webapp/channels/src/components/start_trial_form_modal/air_gapped_modal.tsx b/webapp/channels/src/components/start_trial_form_modal/air_gapped_modal.tsx
index b49567e706b..251a86f5b0b 100644
--- a/webapp/channels/src/components/start_trial_form_modal/air_gapped_modal.tsx
+++ b/webapp/channels/src/components/start_trial_form_modal/air_gapped_modal.tsx
@@ -14,7 +14,7 @@ import './air_gapped_modal.scss';
 
 type Props = {
     onClose?: () => void;
-}
+};
 
 function AirGappedModal({onClose}: Props) {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/start_trial_form_modal/failure_modal.tsx b/webapp/channels/src/components/start_trial_form_modal/failure_modal.tsx
index 6b14dd5d1d9..210b4684ff6 100644
--- a/webapp/channels/src/components/start_trial_form_modal/failure_modal.tsx
+++ b/webapp/channels/src/components/start_trial_form_modal/failure_modal.tsx
@@ -16,7 +16,7 @@ type Props = {
     onTryAgain?: () => void;
     title?: JSX.Element;
     buttonText?: JSX.Element;
-}
+};
 
 export default function StartTrialFormModalResult(props: Props) {
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/start_trial_form_modal/index.tsx b/webapp/channels/src/components/start_trial_form_modal/index.tsx
index 5ffd404448c..aea3c3990ac 100644
--- a/webapp/channels/src/components/start_trial_form_modal/index.tsx
+++ b/webapp/channels/src/components/start_trial_form_modal/index.tsx
@@ -41,7 +41,7 @@ enum TrialLoadStatus {
     NotStarted = 'NOT_STARTED',
     Started = 'STARTED',
     Success = 'SUCCESS',
-    Failed = 'FAILED'
+    Failed = 'FAILED',
 }
 
 defineMessages({
@@ -82,7 +82,7 @@ export enum OrgSize {
 
 type Props = {
     onClose?: () => void;
-}
+};
 
 function StartTrialFormModal(props: Props): JSX.Element | null {
     const [status, setLoadStatus] = useState(TrialLoadStatus.NotStarted);
diff --git a/webapp/channels/src/components/status_icon.tsx b/webapp/channels/src/components/status_icon.tsx
index 218171304a7..621d1ae00b6 100644
--- a/webapp/channels/src/components/status_icon.tsx
+++ b/webapp/channels/src/components/status_icon.tsx
@@ -13,7 +13,7 @@ type Props = {
     button?: boolean;
     status?: string;
     className?: string;
-}
+};
 
 const StatusIcon = ({
     id,
diff --git a/webapp/channels/src/components/status_icon_new.tsx b/webapp/channels/src/components/status_icon_new.tsx
index 1e5265b9ba9..30907be678c 100644
--- a/webapp/channels/src/components/status_icon_new.tsx
+++ b/webapp/channels/src/components/status_icon_new.tsx
@@ -6,9 +6,9 @@ import React from 'react';
 type Props = {
     className?: string;
     status?: string;
-}
+};
 
-const statusToIconMap: { [key: string]: string } = {
+const statusToIconMap: {[key: string]: string} = {
     online: 'icon-check-circle',
     away: 'icon-clock',
     dnd: 'icon-minus-circle',
diff --git a/webapp/channels/src/components/suggestion/at_mention_provider/at_mention_provider.tsx b/webapp/channels/src/components/suggestion/at_mention_provider/at_mention_provider.tsx
index d86db4ef3d2..039774b8bdf 100644
--- a/webapp/channels/src/components/suggestion/at_mention_provider/at_mention_provider.tsx
+++ b/webapp/channels/src/components/suggestion/at_mention_provider/at_mention_provider.tsx
@@ -41,7 +41,7 @@ type CreatedProfile = UserProfile & {
 
 type SpecialMention = {
     username: string;
-}
+};
 
 export type Props = {
     currentUserId: string;
@@ -52,7 +52,7 @@ export type Props = {
     searchAssociatedGroupsForReference: (prefix: string) => Promise<{data: Group[]}>;
     priorityProfiles: UserProfile[] | undefined;
     defaultAgent?: Agent;
-}
+};
 
 // Data structure returned by autocomplete API
 type AutocompleteData = {
diff --git a/webapp/channels/src/components/suggestion/command_provider/app_command_parser/app_command_parser.test.ts b/webapp/channels/src/components/suggestion/command_provider/app_command_parser/app_command_parser.test.ts
index ebc04c87667..188ce30b4c7 100644
--- a/webapp/channels/src/components/suggestion/command_provider/app_command_parser/app_command_parser.test.ts
+++ b/webapp/channels/src/components/suggestion/command_provider/app_command_parser/app_command_parser.test.ts
@@ -74,14 +74,14 @@ describe('AppCommandParser', () => {
     type Variant = {
         expectError?: string;
         verify?(parsed: ParsedCommand): void;
-    }
+    };
 
     type TC = {
         title: string;
         command: string;
         submit: Variant;
         autocomplete?: Variant; // if undefined, use same checks as submnit
-    }
+    };
 
     const checkResult = (parsed: ParsedCommand, v: Variant) => {
         if (v.expectError) {
diff --git a/webapp/channels/src/components/suggestion/command_provider/app_command_parser/app_command_parser.ts b/webapp/channels/src/components/suggestion/command_provider/app_command_parser/app_command_parser.ts
index d4aeb2e2f12..b1d56c0348c 100644
--- a/webapp/channels/src/components/suggestion/command_provider/app_command_parser/app_command_parser.ts
+++ b/webapp/channels/src/components/suggestion/command_provider/app_command_parser/app_command_parser.ts
@@ -867,7 +867,7 @@ export class AppCommandParser {
     private rootPostID?: string;
     private intl: IntlShape;
 
-    constructor(store: Store|null, intl: IntlShape, channelID: string, teamID = '', rootPostID = '') {
+    constructor(store: Store | null, intl: IntlShape, channelID: string, teamID = '', rootPostID = '') {
         this.store = store || getStore();
         this.channelID = channelID;
         this.rootPostID = rootPostID;
diff --git a/webapp/channels/src/components/suggestion/command_provider/app_command_parser/app_command_parser_dependencies.ts b/webapp/channels/src/components/suggestion/command_provider/app_command_parser/app_command_parser_dependencies.ts
index 0880c41e0f7..0b1be006feb 100644
--- a/webapp/channels/src/components/suggestion/command_provider/app_command_parser/app_command_parser_dependencies.ts
+++ b/webapp/channels/src/components/suggestion/command_provider/app_command_parser/app_command_parser_dependencies.ts
@@ -109,7 +109,7 @@ export const getOpenInModalSuggestion = (parsed: ParsedCommand): AutocompleteSug
 
 export type ExtendedAutocompleteSuggestion = AutocompleteSuggestion & {
     item?: UserProfile | Channel;
-}
+};
 
 export const displayError = (err: string, channelID: string, rootID?: string) => {
     reduxStore.dispatch(sendEphemeralPost(err, channelID, rootID));
diff --git a/webapp/channels/src/components/suggestion/emoticon_provider.tsx b/webapp/channels/src/components/suggestion/emoticon_provider.tsx
index 74abe2adcc4..a366bc20fb4 100644
--- a/webapp/channels/src/components/suggestion/emoticon_provider.tsx
+++ b/webapp/channels/src/components/suggestion/emoticon_provider.tsx
@@ -26,7 +26,7 @@ export const EMOJI_CATEGORY_SUGGESTION_BLOCKLIST = ['skintone'];
 type EmojiItem = {
     emoji: Emoji;
     name: string;
-}
+};
 
 const EmoticonSuggestion = React.forwardRef<HTMLLIElement, SuggestionProps<EmojiItem>>((props, ref) => {
     const displayName = ':' + props.item.name + ':';
diff --git a/webapp/channels/src/components/suggestion/modal_suggestion_list.tsx b/webapp/channels/src/components/suggestion/modal_suggestion_list.tsx
index 2ee7d53c33a..ddc5177a249 100644
--- a/webapp/channels/src/components/suggestion/modal_suggestion_list.tsx
+++ b/webapp/channels/src/components/suggestion/modal_suggestion_list.tsx
@@ -24,7 +24,7 @@ type SuggestionListProps = {
         pixelsToMoveX: number;
         pixelsToMoveY: number;
     };
-}
+};
 
 type Props = SuggestionListProps & {
     open: boolean;
@@ -41,7 +41,7 @@ type State = {
     position: 'top' | 'bottom' | undefined;
     open?: boolean;
     cleared?: boolean;
-}
+};
 
 export default class ModalSuggestionList extends React.PureComponent<Props, State> {
     container: React.RefObject<HTMLDivElement>;
@@ -144,7 +144,7 @@ export default class ModalSuggestionList extends React.PureComponent<Props, Stat
         return inputBounds;
     };
 
-    updatePosition = (newInputBounds: { top: number; bottom: number; width: number}) => {
+    updatePosition = (newInputBounds: {top: number; bottom: number; width: number}) => {
         let inputBounds = newInputBounds;
         if (!newInputBounds) {
             inputBounds = this.state.inputBounds;
diff --git a/webapp/channels/src/components/suggestion/rhs_suggestion_list.tsx b/webapp/channels/src/components/suggestion/rhs_suggestion_list.tsx
index 7c86600a3b3..f6d2518d03e 100644
--- a/webapp/channels/src/components/suggestion/rhs_suggestion_list.tsx
+++ b/webapp/channels/src/components/suggestion/rhs_suggestion_list.tsx
@@ -13,7 +13,7 @@ import SuggestionList from './suggestion_list';
 type Props = React.ComponentProps<typeof SuggestionList> & {
     inputRef: React.RefObject<HTMLTextAreaElement>;
     open: boolean;
-}
+};
 
 export default function RhsSuggestionList(props: Props): JSX.Element {
     const [position, setPosition] = useState<Props['position']>('top');
diff --git a/webapp/channels/src/components/suggestion/search_channel_suggestion/index.ts b/webapp/channels/src/components/suggestion/search_channel_suggestion/index.ts
index ebd9d33d54d..bb5c9bfd703 100644
--- a/webapp/channels/src/components/suggestion/search_channel_suggestion/index.ts
+++ b/webapp/channels/src/components/suggestion/search_channel_suggestion/index.ts
@@ -14,7 +14,7 @@ import SearchChannelSuggestion from './search_channel_suggestion';
 
 type OwnProps = {
     item: Channel;
-}
+};
 
 const mapStateToProps = (state: GlobalState, ownProps: OwnProps) => {
     const teammate = getDirectTeammate(state, ownProps.item.id);
diff --git a/webapp/channels/src/components/suggestion/search_channel_suggestion/search_channel_suggestion.tsx b/webapp/channels/src/components/suggestion/search_channel_suggestion/search_channel_suggestion.tsx
index 38842228a05..71ffdf0116e 100644
--- a/webapp/channels/src/components/suggestion/search_channel_suggestion/search_channel_suggestion.tsx
+++ b/webapp/channels/src/components/suggestion/search_channel_suggestion/search_channel_suggestion.tsx
@@ -76,7 +76,7 @@ function itemToName(item: Channel, currentUserId: string): {icon: React.ReactEle
 type Props = SuggestionProps<Channel> & {
     currentUserId: string;
     teammateIsBot: boolean;
-}
+};
 
 const SearchChannelSuggestion = React.forwardRef<HTMLLIElement, Props>(({
     id,
diff --git a/webapp/channels/src/components/suggestion/search_channel_with_permissions_provider.tsx b/webapp/channels/src/components/suggestion/search_channel_with_permissions_provider.tsx
index 4fbfdcb3fdf..c14ce0fd751 100644
--- a/webapp/channels/src/components/suggestion/search_channel_with_permissions_provider.tsx
+++ b/webapp/channels/src/components/suggestion/search_channel_with_permissions_provider.tsx
@@ -37,7 +37,7 @@ interface WrappedChannel {
     type: Channel['type'];
 }
 
-type ChannelSearchFunction = (teamId: string, channelPrefix: string) => Promise<ActionResult>
+type ChannelSearchFunction = (teamId: string, channelPrefix: string) => Promise<ActionResult>;
 
 const SearchChannelWithPermissionsSuggestion = React.forwardRef<HTMLLIElement, SuggestionProps<WrappedChannel>>((props, ref) => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/suggestion/search_date_suggestion/search_date_suggestion.tsx b/webapp/channels/src/components/suggestion/search_date_suggestion/search_date_suggestion.tsx
index 6a4d509b87c..adc47c781a5 100644
--- a/webapp/channels/src/components/suggestion/search_date_suggestion/search_date_suggestion.tsx
+++ b/webapp/channels/src/components/suggestion/search_date_suggestion/search_date_suggestion.tsx
@@ -18,7 +18,7 @@ type Props = SuggestionProps<never> & {
     handleEscape?: () => void;
     locale: string;
     preventClose?: () => void;
-}
+};
 
 const IconLeft = () => {
     return (
diff --git a/webapp/channels/src/components/suggestion/suggestion_date.tsx b/webapp/channels/src/components/suggestion/suggestion_date.tsx
index 3212690c344..d87a0d3bf72 100644
--- a/webapp/channels/src/components/suggestion/suggestion_date.tsx
+++ b/webapp/channels/src/components/suggestion/suggestion_date.tsx
@@ -11,7 +11,7 @@ import {hasResults} from './suggestion_results';
 type SuggestionItem = {
     date: string;
     label: string;
-}
+};
 
 type Props = {
     onCompleteWord: (term: string, matchedPretext: string[], e?: React.MouseEvent<HTMLDivElement>) => boolean;
@@ -19,7 +19,7 @@ type Props = {
     results: SuggestionResults<SuggestionItem>;
     preventClose: () => void;
     handleEscape: () => void;
-}
+};
 
 const SuggestionDate = ({
     results,
diff --git a/webapp/channels/src/components/suggestion/suggestion_results.ts b/webapp/channels/src/components/suggestion/suggestion_results.ts
index 21dab0de339..fcd0db1ea90 100644
--- a/webapp/channels/src/components/suggestion/suggestion_results.ts
+++ b/webapp/channels/src/components/suggestion/suggestion_results.ts
@@ -194,7 +194,7 @@ export type ProviderResults<Item = unknown> = ProviderResultsGrouped<Item> | Pro
 export type ProviderResultsGrouped<Item = unknown> = {
     matchedPretext: string;
     groups: Array<ProviderResultsGroup<Item>>;
-}
+};
 
 export type ProviderResultsGroup<Item = unknown> = {
     key: string;
@@ -214,7 +214,7 @@ type ComponentOrComponents = {
     component: React.ElementType;
 } | {
     components: React.ElementType[];
-}
+};
 
 /**
  * Converts the results from a Provider which may have one or multiple components specified into one which always
diff --git a/webapp/channels/src/components/suggestion/switch_channel_provider.tsx b/webapp/channels/src/components/suggestion/switch_channel_provider.tsx
index 5aa9f2c31f7..63c6d90d640 100644
--- a/webapp/channels/src/components/suggestion/switch_channel_provider.tsx
+++ b/webapp/channels/src/components/suggestion/switch_channel_provider.tsx
@@ -86,11 +86,11 @@ const ThreadsChannel: FakeChannel = {
 
 type FakeChannel = Pick<Channel, 'id' | 'name' | 'display_name' | 'update_at' | 'delete_at'> & {
     type: string;
-}
+};
 
 type FakeDirectChannel = FakeChannel & {
     userId: string;
-}
+};
 
 type ChannelItem = Channel | FakeChannel | FakeDirectChannel;
 
@@ -125,7 +125,7 @@ type Props = SuggestionProps<WrappedChannel> & {
     isPartOfOnlyOneTeam: boolean;
     status?: string;
     team?: Team;
-}
+};
 
 export const SwitchChannelSuggestion = React.forwardRef<HTMLLIElement, Props>(({
     id,
diff --git a/webapp/channels/src/components/switch_to_yearly_plan_confirm_modal/index.tsx b/webapp/channels/src/components/switch_to_yearly_plan_confirm_modal/index.tsx
index 4bc14fdb3fd..0564edd5ec5 100644
--- a/webapp/channels/src/components/switch_to_yearly_plan_confirm_modal/index.tsx
+++ b/webapp/channels/src/components/switch_to_yearly_plan_confirm_modal/index.tsx
@@ -21,7 +21,7 @@ import './switch_to_yearly_plan_confirm_modal.scss';
 type Props = {
     contactSalesFunc: () => void;
     confirmSwitchToYearlyFunc: () => void;
-}
+};
 
 const SwitchToYearlyPlanConfirmModal: React.FC<Props> = (props: Props): JSX.Element | null => {
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/system_notice/types.ts b/webapp/channels/src/components/system_notice/types.ts
index c261779b7d8..119b5aea8ac 100644
--- a/webapp/channels/src/components/system_notice/types.ts
+++ b/webapp/channels/src/components/system_notice/types.ts
@@ -20,4 +20,4 @@ export type Notice = {
         analytics?: AnalyticsState,
         currentChannel?: Channel,
     ): boolean;
-}
+};
diff --git a/webapp/channels/src/components/tabs/tab/index.tsx b/webapp/channels/src/components/tabs/tab/index.tsx
index ed7e3ab6dc1..e6eadfc6fef 100644
--- a/webapp/channels/src/components/tabs/tab/index.tsx
+++ b/webapp/channels/src/components/tabs/tab/index.tsx
@@ -11,7 +11,7 @@ type Props = {
     unmountOnExit?: boolean | undefined;
     tabClassName?: string | undefined;
     tabIndex?: number;
-}
+};
 
 export default function Tab({children, title, unmountOnExit, tabClassName, eventKey, tabIndex = -1}: Props) {
     return (
diff --git a/webapp/channels/src/components/tabs/tabs/index.tsx b/webapp/channels/src/components/tabs/tabs/index.tsx
index cec1b4c9b09..1e2a39b7140 100644
--- a/webapp/channels/src/components/tabs/tabs/index.tsx
+++ b/webapp/channels/src/components/tabs/tabs/index.tsx
@@ -16,7 +16,7 @@ type Props = {
     unmountOnExit?: boolean;
     onSelect?: SelectCallback;
     className?: string;
-}
+};
 
 export default function Tabs({
     children,
diff --git a/webapp/channels/src/components/team_controller/index.ts b/webapp/channels/src/components/team_controller/index.ts
index 07e2844a15c..9888f618f87 100644
--- a/webapp/channels/src/components/team_controller/index.ts
+++ b/webapp/channels/src/components/team_controller/index.ts
@@ -26,7 +26,7 @@ import TeamController from './team_controller';
 type Params = {
     url: string;
     team?: string;
-}
+};
 
 export type OwnProps = RouteComponentProps<Params>;
 
diff --git a/webapp/channels/src/components/team_groups_manage_modal/team_groups_manage_modal.tsx b/webapp/channels/src/components/team_groups_manage_modal/team_groups_manage_modal.tsx
index 19f97002333..82226da1a8a 100644
--- a/webapp/channels/src/components/team_groups_manage_modal/team_groups_manage_modal.tsx
+++ b/webapp/channels/src/components/team_groups_manage_modal/team_groups_manage_modal.tsx
@@ -42,7 +42,7 @@ type State = {
     showConfirmModal: boolean;
     item: Group;
     listModal?: ListModal;
-}
+};
 
 class TeamGroupsManageModal extends React.PureComponent<Props, State> {
     state = {
diff --git a/webapp/channels/src/components/team_members_dropdown/team_members_dropdown.tsx b/webapp/channels/src/components/team_members_dropdown/team_members_dropdown.tsx
index 8c72e7ebecc..ed74044d478 100644
--- a/webapp/channels/src/components/team_members_dropdown/team_members_dropdown.tsx
+++ b/webapp/channels/src/components/team_members_dropdown/team_members_dropdown.tsx
@@ -43,11 +43,11 @@ type Props = WrappedComponentProps & {
 };
 
 type State = {
-    serverError: string|null;
+    serverError: string | null;
     showDemoteModal: boolean;
-    user: UserProfile|null;
-    role: string|null;
-}
+    user: UserProfile | null;
+    role: string | null;
+};
 
 class TeamMembersDropdown extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/team_members_modal/team_members_modal.tsx b/webapp/channels/src/components/team_members_modal/team_members_modal.tsx
index 726f596cd2b..8c19e7a3f05 100644
--- a/webapp/channels/src/components/team_members_modal/team_members_modal.tsx
+++ b/webapp/channels/src/components/team_members_modal/team_members_modal.tsx
@@ -29,11 +29,11 @@ type Props = {
     actions: {
         openModal: <P>(modalData: ModalData<P>) => void;
     };
-}
+};
 
 type State = {
     show: boolean;
-}
+};
 
 export default class TeamMembersModal extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/team_selector_modal/team_selector_modal.tsx b/webapp/channels/src/components/team_selector_modal/team_selector_modal.tsx
index 5c728b7ac3d..cfaf49b502a 100644
--- a/webapp/channels/src/components/team_selector_modal/team_selector_modal.tsx
+++ b/webapp/channels/src/components/team_selector_modal/team_selector_modal.tsx
@@ -152,7 +152,7 @@ export class TeamSelectorModal extends React.PureComponent<Props, State> {
         this.setState({values});
     };
 
-    search = (term: string, multiselectComponent: { state: { page: number }; setState: (arg0: { page: number }) => void }) => {
+    search = (term: string, multiselectComponent: {state: {page: number}; setState: (arg0: {page: number}) => void}) => {
         if (multiselectComponent.state.page !== 0) {
             multiselectComponent.setState({page: 0});
         }
@@ -201,7 +201,7 @@ export class TeamSelectorModal extends React.PureComponent<Props, State> {
         );
     };
 
-    renderValue(props: { data: TeamValue }) {
+    renderValue(props: {data: TeamValue}) {
         return props.data.display_name;
     }
 
diff --git a/webapp/channels/src/components/team_settings/team_access_policies_tab/team_policy_confirmation_modal.tsx b/webapp/channels/src/components/team_settings/team_access_policies_tab/team_policy_confirmation_modal.tsx
index eeb42d67eac..147df89dae1 100644
--- a/webapp/channels/src/components/team_settings/team_access_policies_tab/team_policy_confirmation_modal.tsx
+++ b/webapp/channels/src/components/team_settings/team_access_policies_tab/team_policy_confirmation_modal.tsx
@@ -16,7 +16,7 @@ type Props = {
     onExited: () => void;
     onConfirm: () => void;
     saving?: boolean;
-}
+};
 
 export default function TeamPolicyConfirmationModal({channelsAffected, publicChannelsAffected = 0, privateChannelsAffected = 0, onExited, onConfirm, saving}: Props) {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/team_settings/team_access_tab/allowed_domains_select.tsx b/webapp/channels/src/components/team_settings/team_access_tab/allowed_domains_select.tsx
index 3873a365895..b3d140a1498 100644
--- a/webapp/channels/src/components/team_settings/team_access_tab/allowed_domains_select.tsx
+++ b/webapp/channels/src/components/team_settings/team_access_tab/allowed_domains_select.tsx
@@ -13,7 +13,7 @@ type Props = {
     setAllowedDomains: (domains: string[]) => void;
     setHasChanges: (hasChanges: boolean) => void;
     setSaveChangesPanelState: (state: SaveChangesPanelState) => void;
-}
+};
 
 const AllowedDomainsSelect = ({allowedDomains, setAllowedDomains, setHasChanges, setSaveChangesPanelState}: Props) => {
     const [showAllowedDomains, setShowAllowedDomains] = useState<boolean>(allowedDomains.length > 0);
diff --git a/webapp/channels/src/components/team_settings/team_access_tab/invite_section_input.tsx b/webapp/channels/src/components/team_settings/team_access_tab/invite_section_input.tsx
index 00ef066a996..354c640b97d 100644
--- a/webapp/channels/src/components/team_settings/team_access_tab/invite_section_input.tsx
+++ b/webapp/channels/src/components/team_settings/team_access_tab/invite_section_input.tsx
@@ -29,7 +29,7 @@ const translations = defineMessages({
 
 type Props = {
     regenerateTeamInviteId: (teamId: string) => Promise<ActionResult>;
-}
+};
 
 const InviteSectionInput = ({regenerateTeamInviteId}: Props) => {
     const team = useSelector((state: GlobalState) => getCurrentTeam(state));
diff --git a/webapp/channels/src/components/team_settings_modal/team_settings_modal.tsx b/webapp/channels/src/components/team_settings_modal/team_settings_modal.tsx
index 9619ff7d92c..ceb964a5311 100644
--- a/webapp/channels/src/components/team_settings_modal/team_settings_modal.tsx
+++ b/webapp/channels/src/components/team_settings_modal/team_settings_modal.tsx
@@ -29,7 +29,7 @@ type Props = {
     isOpen: boolean;
     onExited: () => void;
     focusOriginElement?: string;
-}
+};
 
 const TeamSettingsModal = ({isOpen, onExited, focusOriginElement}: Props) => {
     const [activeTab, setActiveTab] = useState('info');
diff --git a/webapp/channels/src/components/team_sidebar/team_sidebar.tsx b/webapp/channels/src/components/team_sidebar/team_sidebar.tsx
index 8b60f169e00..3481bd5d137 100644
--- a/webapp/channels/src/components/team_sidebar/team_sidebar.tsx
+++ b/webapp/channels/src/components/team_sidebar/team_sidebar.tsx
@@ -34,7 +34,7 @@ export interface Props extends PropsFromRedux, WrappedComponentProps {
 type State = {
     showOrder: boolean;
     teamsOrder: Team[];
-}
+};
 
 export class TeamSidebar extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/textbox/textbox.tsx b/webapp/channels/src/components/textbox/textbox.tsx
index 7322e355d09..99eed721896 100644
--- a/webapp/channels/src/components/textbox/textbox.tsx
+++ b/webapp/channels/src/components/textbox/textbox.tsx
@@ -64,7 +64,7 @@ export type Props = {
     actions: {
         autocompleteUsersInChannel: (prefix: string, channelId: string) => Promise<ActionResult>;
         autocompleteChannels: (term: string, success: (channels: Channel[]) => void, error: () => void) => Promise<ActionResult>;
-        searchAssociatedGroupsForReference: (prefix: string, teamId: string, channelId: string | undefined) => Promise<{ data: any }>;
+        searchAssociatedGroupsForReference: (prefix: string, teamId: string, channelId: string | undefined) => Promise<{data: any}>;
         fetchAgents: () => Promise<ActionResult>;
     };
     useChannelMentions: boolean;
diff --git a/webapp/channels/src/components/threading/common/button/button.tsx b/webapp/channels/src/components/threading/common/button/button.tsx
index a21c8c1c433..3557af138fc 100644
--- a/webapp/channels/src/components/threading/common/button/button.tsx
+++ b/webapp/channels/src/components/threading/common/button/button.tsx
@@ -14,9 +14,9 @@ type Props = {
     hasDot?: boolean;
     allowTextOverflow?: boolean;
     marginTop?: boolean;
-}
+};
 
-type Attrs = Exclude<ButtonHTMLAttributes<HTMLButtonElement>, Props>
+type Attrs = Exclude<ButtonHTMLAttributes<HTMLButtonElement>, Props>;
 
 const Button = React.forwardRef<HTMLButtonElement, Props & Attrs>((
     {
diff --git a/webapp/channels/src/components/threading/common/follow_button/follow_button.tsx b/webapp/channels/src/components/threading/common/follow_button/follow_button.tsx
index 6fa8bfcdca7..98d33362ba1 100644
--- a/webapp/channels/src/components/threading/common/follow_button/follow_button.tsx
+++ b/webapp/channels/src/components/threading/common/follow_button/follow_button.tsx
@@ -10,7 +10,7 @@ import Button from '../button';
 
 type Props = {
     isFollowing: boolean | null | undefined;
-}
+};
 
 function FollowButton({
     isFollowing,
diff --git a/webapp/channels/src/components/threading/global_threads/mark_all_threads_as_read_modal/mark_all_threads_as_read_modal.tsx b/webapp/channels/src/components/threading/global_threads/mark_all_threads_as_read_modal/mark_all_threads_as_read_modal.tsx
index 59271c9066e..fbd8c04e888 100644
--- a/webapp/channels/src/components/threading/global_threads/mark_all_threads_as_read_modal/mark_all_threads_as_read_modal.tsx
+++ b/webapp/channels/src/components/threading/global_threads/mark_all_threads_as_read_modal/mark_all_threads_as_read_modal.tsx
@@ -9,7 +9,7 @@ import {GenericModal} from '@mattermost/components';
 export type MarkAllThreadsAsReadModalProps = {
     onConfirm: () => void;
     onCancel: () => void;
-}
+};
 
 function MarkAllThreadsAsReadModal({
     onConfirm,
diff --git a/webapp/channels/src/components/threading/global_threads/thread_item/attachments/attachment_card/index.tsx b/webapp/channels/src/components/threading/global_threads/thread_item/attachments/attachment_card/index.tsx
index 4dc0de5a5b6..47669c531f8 100644
--- a/webapp/channels/src/components/threading/global_threads/thread_item/attachments/attachment_card/index.tsx
+++ b/webapp/channels/src/components/threading/global_threads/thread_item/attachments/attachment_card/index.tsx
@@ -13,7 +13,7 @@ type Props = {
     title?: string;
     text?: string;
     author_name?: string;
-}
+};
 
 function AttachmentCard({
     fallback,
diff --git a/webapp/channels/src/components/threading/global_threads/thread_item/attachments/file_card/file_card.tsx b/webapp/channels/src/components/threading/global_threads/thread_item/attachments/file_card/file_card.tsx
index df300a463f0..fa234274d28 100644
--- a/webapp/channels/src/components/threading/global_threads/thread_item/attachments/file_card/file_card.tsx
+++ b/webapp/channels/src/components/threading/global_threads/thread_item/attachments/file_card/file_card.tsx
@@ -17,18 +17,18 @@ type Props = {
     file?: FileInfo;
     enableSVGs: boolean;
     isFileRejected?: boolean;
-}
+};
 
 type FileProps = FileInfo & {
     enableSVGs: boolean;
     isFileRejected?: boolean;
-}
+};
 
 type CardProps = {
     children?: React.ReactElement<typeof Image>;
     title: string;
     size?: number;
-}
+};
 
 function File({
     id,
diff --git a/webapp/channels/src/components/threading/global_threads/thread_item/attachments/file_card/index.ts b/webapp/channels/src/components/threading/global_threads/thread_item/attachments/file_card/index.ts
index 7815944afa9..c5fccd2df19 100644
--- a/webapp/channels/src/components/threading/global_threads/thread_item/attachments/file_card/index.ts
+++ b/webapp/channels/src/components/threading/global_threads/thread_item/attachments/file_card/index.ts
@@ -14,7 +14,7 @@ import FileCard from './file_card';
 
 type OwnProps = {
     id: FileInfo['id'];
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     const file = getFile(state, ownProps.id);
diff --git a/webapp/channels/src/components/threading/global_threads/thread_item/attachments/index.tsx b/webapp/channels/src/components/threading/global_threads/thread_item/attachments/index.tsx
index e555018958e..f67c9772213 100644
--- a/webapp/channels/src/components/threading/global_threads/thread_item/attachments/index.tsx
+++ b/webapp/channels/src/components/threading/global_threads/thread_item/attachments/index.tsx
@@ -11,7 +11,7 @@ import FileCard from './file_card';
 
 type Props = {
     post: Post;
-}
+};
 
 function Attachment({post}: Props) {
     if (post.file_ids?.length) {
diff --git a/webapp/channels/src/components/threading/global_threads/thread_item/thread_item.tsx b/webapp/channels/src/components/threading/global_threads/thread_item/thread_item.tsx
index 903179031d6..2bda4261949 100644
--- a/webapp/channels/src/components/threading/global_threads/thread_item/thread_item.tsx
+++ b/webapp/channels/src/components/threading/global_threads/thread_item/thread_item.tsx
@@ -79,7 +79,7 @@ function ThreadItem({
     isFirstThreadInList,
     isPostPriorityEnabled,
     isChannelAutotranslated,
-}: Props & OwnProps): React.ReactElement|null {
+}: Props & OwnProps): React.ReactElement | null {
     const dispatch = useDispatch();
     const {select, goToInChannel, currentTeamId} = useThreadRouting();
     const {formatMessage, locale} = useIntl();
diff --git a/webapp/channels/src/components/threading/global_threads/thread_list/thread_list.tsx b/webapp/channels/src/components/threading/global_threads/thread_list/thread_list.tsx
index 452a97e5d71..a64769b74c8 100644
--- a/webapp/channels/src/components/threading/global_threads/thread_list/thread_list.tsx
+++ b/webapp/channels/src/components/threading/global_threads/thread_list/thread_list.tsx
@@ -34,7 +34,7 @@ import './thread_list.scss';
 
 export enum ThreadFilter {
     none = '',
-    unread = 'unread'
+    unread = 'unread',
 }
 
 export const FILTER_STORAGE_KEY = 'globalThreads_filter';
diff --git a/webapp/channels/src/components/threading/thread_viewer/thread_viewer.tsx b/webapp/channels/src/components/threading/thread_viewer/thread_viewer.tsx
index 080b51df25f..36f7d9dff18 100644
--- a/webapp/channels/src/components/threading/thread_viewer/thread_viewer.tsx
+++ b/webapp/channels/src/components/threading/thread_viewer/thread_viewer.tsx
@@ -61,7 +61,7 @@ export type Props = Attrs & {
 
 type State = {
     isLoading: boolean;
-}
+};
 
 export default class ThreadViewer extends React.PureComponent<Props, State> {
     public constructor(props: Props) {
diff --git a/webapp/channels/src/components/threading/virtualized_thread_viewer/index.ts b/webapp/channels/src/components/threading/virtualized_thread_viewer/index.ts
index c2a6b1e7fd7..2b201028546 100644
--- a/webapp/channels/src/components/threading/virtualized_thread_viewer/index.ts
+++ b/webapp/channels/src/components/threading/virtualized_thread_viewer/index.ts
@@ -25,7 +25,7 @@ type OwnProps = {
     selected: Post | FakePost;
     useRelativeTimestamp: boolean;
     onCardClick: (post: Post) => void;
-}
+};
 
 function makeMapStateToProps() {
     const getRepliesListWithSeparators = makePrepareReplyIdsForThreadViewer();
diff --git a/webapp/channels/src/components/threading/virtualized_thread_viewer/reply/index.ts b/webapp/channels/src/components/threading/virtualized_thread_viewer/reply/index.ts
index 1bebf40a9a8..4eca5f1f80d 100644
--- a/webapp/channels/src/components/threading/virtualized_thread_viewer/reply/index.ts
+++ b/webapp/channels/src/components/threading/virtualized_thread_viewer/reply/index.ts
@@ -14,7 +14,7 @@ import Reply from './reply';
 
 type OwnProps = {
     id: string;
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     const previewCollapsed = get(
diff --git a/webapp/channels/src/components/threading/virtualized_thread_viewer/reply/reply.tsx b/webapp/channels/src/components/threading/virtualized_thread_viewer/reply/reply.tsx
index 5a7e6ebb975..81a9fa4f24f 100644
--- a/webapp/channels/src/components/threading/virtualized_thread_viewer/reply/reply.tsx
+++ b/webapp/channels/src/components/threading/virtualized_thread_viewer/reply/reply.tsx
@@ -18,7 +18,7 @@ type Props = {
     previousPostId: string;
     timestampProps?: Partial<TimestampProps>;
     isChannelAutotranslated: boolean;
-}
+};
 
 function Reply({
     a11yIndex,
diff --git a/webapp/channels/src/components/threading/virtualized_thread_viewer/virtualized_thread_viewer.tsx b/webapp/channels/src/components/threading/virtualized_thread_viewer/virtualized_thread_viewer.tsx
index 7f2e8b79ace..17d1234e1c6 100644
--- a/webapp/channels/src/components/threading/virtualized_thread_viewer/virtualized_thread_viewer.tsx
+++ b/webapp/channels/src/components/threading/virtualized_thread_viewer/virtualized_thread_viewer.tsx
@@ -46,7 +46,7 @@ type Props = {
     inputPlaceholder?: string;
     measureRhsOpened: () => void;
     isChannelAutotranslated: boolean;
-}
+};
 
 type State = {
     isScrolling: boolean;
@@ -57,7 +57,7 @@ type State = {
     visibleStopIndex?: number;
     overscanStartIndex?: number;
     overscanStopIndex?: number;
-}
+};
 
 const virtListStyles = {
     position: 'absolute',
@@ -377,7 +377,7 @@ class ThreadViewerVirtualized extends PureComponent<Props, State> {
         );
     };
 
-    getInnerStyles = (): React.CSSProperties|undefined => {
+    getInnerStyles = (): React.CSSProperties | undefined => {
         if (!this.props.useRelativeTimestamp) {
             return innerStyles;
         }
diff --git a/webapp/channels/src/components/three_days_left_trial_modal/learn_more_action_button.tsx b/webapp/channels/src/components/three_days_left_trial_modal/learn_more_action_button.tsx
index b1ae14acde2..67f54cfe0ae 100644
--- a/webapp/channels/src/components/three_days_left_trial_modal/learn_more_action_button.tsx
+++ b/webapp/channels/src/components/three_days_left_trial_modal/learn_more_action_button.tsx
@@ -11,7 +11,7 @@ export type LearnMoreActionButtonProps = {
     message: string;
     onClick?: () => void;
     styleLink?: boolean; // show as a anchor link
-}
+};
 
 const LearnMoreActionButton = (
     {
diff --git a/webapp/channels/src/components/three_days_left_trial_modal/three_days_left_trial_modal.tsx b/webapp/channels/src/components/three_days_left_trial_modal/three_days_left_trial_modal.tsx
index d5c4d2f0ff4..6e4817adae5 100644
--- a/webapp/channels/src/components/three_days_left_trial_modal/three_days_left_trial_modal.tsx
+++ b/webapp/channels/src/components/three_days_left_trial_modal/three_days_left_trial_modal.tsx
@@ -30,7 +30,7 @@ import './three_days_left_trial_modal.scss';
 type Props = {
     onExited?: () => void;
     limitsOverpassed: boolean;
-}
+};
 
 function ThreeDaysLeftTrialModal(props: Props): JSX.Element | null {
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/three_days_left_trial_modal/three_days_left_trial_modal_card.tsx b/webapp/channels/src/components/three_days_left_trial_modal/three_days_left_trial_modal_card.tsx
index 2d2bfcd8ae7..c703ad0edd5 100644
--- a/webapp/channels/src/components/three_days_left_trial_modal/three_days_left_trial_modal_card.tsx
+++ b/webapp/channels/src/components/three_days_left_trial_modal/three_days_left_trial_modal_card.tsx
@@ -16,7 +16,7 @@ export type ThreeDaysLeftTrialCardProps = {
     buttonLabel?: string;
     pageURL?: string;
     onClose?: () => void;
-}
+};
 
 const ThreeDaysLeftTrialCard = (
     {
diff --git a/webapp/channels/src/components/timestamp/index.ts b/webapp/channels/src/components/timestamp/index.ts
index 42d83211309..69f78452a4e 100644
--- a/webapp/channels/src/components/timestamp/index.ts
+++ b/webapp/channels/src/components/timestamp/index.ts
@@ -22,7 +22,7 @@ type Props = {
     hour12?: TimestampProps['hour12'];
     timeZone?: TimestampProps['timeZone'];
     hourCycle?: TimestampProps['hourCycle'];
-}
+};
 
 export function mapStateToProps(state: GlobalState, ownProps: Props) {
     const timeZone: TimestampProps['timeZone'] = getUserCurrentTimezone(ownProps.userTimezone ?? getCurrentTimezoneFull(state)) || undefined;
diff --git a/webapp/channels/src/components/timestamp/timestamp.tsx b/webapp/channels/src/components/timestamp/timestamp.tsx
index fbc7f6a78b4..bcc684350f9 100644
--- a/webapp/channels/src/components/timestamp/timestamp.tsx
+++ b/webapp/channels/src/components/timestamp/timestamp.tsx
@@ -33,7 +33,7 @@ export const supportsHourCycle = Boolean(((new Intl.DateTimeFormat('en-US', {hou
 
 export type DateTimeOptions = FormatDateOptions & {
     hourCycle?: string;
-}
+};
 
 function is12HourTime(hourCycle: DateTimeOptions['hourCycle'], hour12?: DateTimeOptions['hour12']) {
     return hour12 ?? !(hourCycle === 'h23' || hourCycle === 'h24');
@@ -45,7 +45,7 @@ export type RelativeOptions = FormatRelativeTimeOptions & {
     truncateEndpoints?: boolean;
     updateIntervalInSeconds?: number;
     capitalize?: boolean;
-}
+};
 
 function isRelative(format: ResolvedFormats['relative']): format is RelativeOptions {
     return Boolean((format as RelativeOptions)?.unit);
@@ -54,7 +54,7 @@ function isRelative(format: ResolvedFormats['relative']): format is RelativeOpti
 export type SimpleRelativeOptions = {
     message: ReactNode;
     updateIntervalInSeconds?: number;
-}
+};
 
 function isSimpleRelative(format: unknown): format is SimpleRelativeOptions {
     return (format as SimpleRelativeOptions)?.message != null;
@@ -75,13 +75,13 @@ function isUnitDescriptor(unit: unknown): unit is UnitDescriptor {
 type Breakpoint = RequireOnlyOne<{
     within: UnitDescriptor;
     equals: UnitDescriptor;
-}>
+}>;
 
 type DisplayAs = {
     display: UnitDescriptor | ReactNode;
     updateIntervalInSeconds?: number;
     capitalize?: boolean;
-}
+};
 
 export type RangeDescriptor = Breakpoint & DisplayAs;
 
@@ -100,13 +100,13 @@ export type ResolvedFormats = {
     relative: RelativeOptions | SimpleRelativeOptions | false;
     date: DateTimeOptions | false;
     time: DateTimeOptions | false;
-}
+};
 
 type FormattedParts = {
     relative?: ReactNode;
     date?: ReactNode;
     time?: ReactNode;
-}
+};
 
 type FormatOptions = DateTimeOptions & Partial<RelativeOptions>;
 
@@ -125,12 +125,12 @@ export type Props = FormatOptions & {
     useSemanticOutput?: boolean;
 
     intl: IntlShape;
-}
+};
 
 type State = {
     now: Date;
     prevValue: Props['value'];
-}
+};
 
 /**
  * A feature-rich, react-intl oriented wrapper around Intl.DateTimeFormat and Intl.RelativeTimeFormat.
diff --git a/webapp/channels/src/components/toggle.tsx b/webapp/channels/src/components/toggle.tsx
index 3d02de5b03a..41b26a6b6df 100644
--- a/webapp/channels/src/components/toggle.tsx
+++ b/webapp/channels/src/components/toggle.tsx
@@ -12,11 +12,11 @@ type Props = {
     offText?: React.ReactNode;
     id?: string;
     overrideTestId?: boolean;
-    size?: 'btn-lg' | 'btn-md' |'btn-sm';
+    size?: 'btn-lg' | 'btn-md' | 'btn-sm';
     toggleClassName?: string;
     ariaLabel?: string;
     tabIndex?: number;
-}
+};
 
 const Toggle: React.FC<Props> = (props: Props) => {
     const {
diff --git a/webapp/channels/src/components/tours/channels_tour_tip.tsx b/webapp/channels/src/components/tours/channels_tour_tip.tsx
index 32643d1365f..62943a77f08 100644
--- a/webapp/channels/src/components/tours/channels_tour_tip.tsx
+++ b/webapp/channels/src/components/tours/channels_tour_tip.tsx
@@ -31,7 +31,7 @@ export type ChannelsTourTipProps = {
     overlayPunchOut: PunchOutCoordsHeightAndWidth | null;
     singleTip?: boolean;
     placement?: Placement;
-    pulsatingDotPlacement?: Omit<Placement, 'auto'| 'auto-end'>;
+    pulsatingDotPlacement?: Omit<Placement, 'auto' | 'auto-end'>;
     pulsatingDotTranslate?: {x: number; y: number};
     offset?: [number, number];
     width?: string | number;
@@ -40,7 +40,7 @@ export type ChannelsTourTipProps = {
     tippyBlueStyle?: boolean;
     showOptOut?: boolean;
     interactivePunchOut?: boolean;
-}
+};
 
 export const ChannelsTourTip = ({
     title,
diff --git a/webapp/channels/src/components/tours/onboarding_tour/channels_and_direct_messages_tour_tip.tsx b/webapp/channels/src/components/tours/onboarding_tour/channels_and_direct_messages_tour_tip.tsx
index 014ea35fdb2..9e163b44ecd 100644
--- a/webapp/channels/src/components/tours/onboarding_tour/channels_and_direct_messages_tour_tip.tsx
+++ b/webapp/channels/src/components/tours/onboarding_tour/channels_and_direct_messages_tour_tip.tsx
@@ -18,7 +18,7 @@ import OnboardingTourTip from './onboarding_tour_tip';
 
 type Props = {
     firstChannelName?: string;
-}
+};
 
 const FirstChannel = ({firstChannelName}: {firstChannelName: string}) => {
     return (
diff --git a/webapp/channels/src/components/tours/onboarding_tour/send_message_tour_tip.tsx b/webapp/channels/src/components/tours/onboarding_tour/send_message_tour_tip.tsx
index ce1959a5d18..706b41826ba 100644
--- a/webapp/channels/src/components/tours/onboarding_tour/send_message_tour_tip.tsx
+++ b/webapp/channels/src/components/tours/onboarding_tour/send_message_tour_tip.tsx
@@ -14,7 +14,7 @@ type Props = {
     prefillMessage: (msg: string) => void;
     channelId: string;
     currentUserId: string;
-}
+};
 
 const translate = {x: -6, y: -6};
 
diff --git a/webapp/channels/src/components/tours/utils.ts b/webapp/channels/src/components/tours/utils.ts
index b46384b257d..b249298164f 100644
--- a/webapp/channels/src/components/tours/utils.ts
+++ b/webapp/channels/src/components/tours/utils.ts
@@ -5,7 +5,7 @@ import type React from 'react';
 
 import {FINISHED} from './constant';
 
-export type ActionType = 'next' | 'prev' | 'dismiss' | 'jump' | 'skipped'
+export type ActionType = 'next' | 'prev' | 'dismiss' | 'jump' | 'skipped';
 
 export interface ChannelsTourTipManager {
     show: boolean;
diff --git a/webapp/channels/src/components/trial_benefits_modal/trial_benefits_modal.tsx b/webapp/channels/src/components/trial_benefits_modal/trial_benefits_modal.tsx
index 7aa0f0a3ba2..8de442ccf7a 100644
--- a/webapp/channels/src/components/trial_benefits_modal/trial_benefits_modal.tsx
+++ b/webapp/channels/src/components/trial_benefits_modal/trial_benefits_modal.tsx
@@ -35,7 +35,7 @@ export type Props = {
     onClose?: () => void;
     onExited: () => void;
     trialJustStarted?: boolean;
-}
+};
 
 const TrialBenefitsModal = ({
     onClose,
diff --git a/webapp/channels/src/components/trial_benefits_modal/trial_benefits_modal_step.tsx b/webapp/channels/src/components/trial_benefits_modal/trial_benefits_modal_step.tsx
index ed6c4d3448d..7c8af6c29d6 100644
--- a/webapp/channels/src/components/trial_benefits_modal/trial_benefits_modal_step.tsx
+++ b/webapp/channels/src/components/trial_benefits_modal/trial_benefits_modal_step.tsx
@@ -18,7 +18,7 @@ export type TrialBenefitsModalStepProps = {
     pageURL?: string;
     isCloud?: boolean;
     onClose?: () => void;
-}
+};
 
 const TrialBenefitsModalStep = (
     {
diff --git a/webapp/channels/src/components/trial_benefits_modal/trial_benefits_modal_step_more.tsx b/webapp/channels/src/components/trial_benefits_modal/trial_benefits_modal_step_more.tsx
index 3be01d33b0c..66b14e5d2b1 100644
--- a/webapp/channels/src/components/trial_benefits_modal/trial_benefits_modal_step_more.tsx
+++ b/webapp/channels/src/components/trial_benefits_modal/trial_benefits_modal_step_more.tsx
@@ -11,7 +11,7 @@ export type TrialBenefitsModalStepMoreProps = {
     message: string;
     onClick?: () => void;
     styleLink?: boolean; // show as a anchor link
-}
+};
 
 const TrialBenefitsModalStepMore = (
     {
diff --git a/webapp/channels/src/components/unarchive_channel_modal/unarchive_channel_modal.tsx b/webapp/channels/src/components/unarchive_channel_modal/unarchive_channel_modal.tsx
index 57e7329ac23..e1479194210 100644
--- a/webapp/channels/src/components/unarchive_channel_modal/unarchive_channel_modal.tsx
+++ b/webapp/channels/src/components/unarchive_channel_modal/unarchive_channel_modal.tsx
@@ -16,11 +16,11 @@ type Props = {
     onExited: () => void;
     channel: Channel;
     actions: ChannelDetailsActions;
-}
+};
 
 type State = {
     show: boolean;
-}
+};
 
 export type ChannelDetailsActions = {
     unarchiveChannel: (channelId: string) => Promise<ActionResult>;
diff --git a/webapp/channels/src/components/unreads_status_handler/unreads_status_handler.tsx b/webapp/channels/src/components/unreads_status_handler/unreads_status_handler.tsx
index 58db2c55917..52ffb4c7e78 100644
--- a/webapp/channels/src/components/unreads_status_handler/unreads_status_handler.tsx
+++ b/webapp/channels/src/components/unreads_status_handler/unreads_status_handler.tsx
@@ -34,7 +34,7 @@ import DesktopApp from 'utils/desktop_api';
 enum BadgeStatus {
     Mention = 'Mention',
     Unread = 'Unread',
-    None = 'None'
+    None = 'None',
 }
 
 type Props = {
diff --git a/webapp/channels/src/components/update_user_group_modal/index.ts b/webapp/channels/src/components/update_user_group_modal/index.ts
index 70edada0463..d965c4768dc 100644
--- a/webapp/channels/src/components/update_user_group_modal/index.ts
+++ b/webapp/channels/src/components/update_user_group_modal/index.ts
@@ -16,7 +16,7 @@ import UpdateUserGroupModal from './update_user_group_modal';
 
 type OwnProps = {
     groupId: string;
-}
+};
 
 function makeMapStateToProps(state: GlobalState, props: OwnProps) {
     const group = getGroup(state, props.groupId);
diff --git a/webapp/channels/src/components/update_user_group_modal/update_user_group_modal.tsx b/webapp/channels/src/components/update_user_group_modal/update_user_group_modal.tsx
index 2f1306ed39a..5eb0a724c33 100644
--- a/webapp/channels/src/components/update_user_group_modal/update_user_group_modal.tsx
+++ b/webapp/channels/src/components/update_user_group_modal/update_user_group_modal.tsx
@@ -30,7 +30,7 @@ export type Props = {
         patchGroup: (groupId: string, group: CustomGroupPatch) => Promise<ActionResult>;
         openModal: <P>(modalData: ModalData<P>) => void;
     };
-}
+};
 
 const UpdateUserGroupModal = ({
     actions,
diff --git a/webapp/channels/src/components/user_group_popover/group_member_list/group_member_list.tsx b/webapp/channels/src/components/user_group_popover/group_member_list/group_member_list.tsx
index 0fa0d1d9884..5d5d71b65d9 100644
--- a/webapp/channels/src/components/user_group_popover/group_member_list/group_member_list.tsx
+++ b/webapp/channels/src/components/user_group_popover/group_member_list/group_member_list.tsx
@@ -48,7 +48,7 @@ export const MAX_LIST_HEIGHT = 800;
 export type GroupMember = {
     user: UserProfile;
     displayName: string;
-}
+};
 
 export type Props = {
 
@@ -79,7 +79,7 @@ export type Props = {
         openDirectChannelToUserId: (userId: string) => Promise<ActionResult>;
         closeRightHandSide: () => void;
     };
-}
+};
 
 const GroupMemberList = (props: Props) => {
     const {
diff --git a/webapp/channels/src/components/user_group_popover/user_group_popover.tsx b/webapp/channels/src/components/user_group_popover/user_group_popover.tsx
index 00df88a43be..8e171715d5a 100644
--- a/webapp/channels/src/components/user_group_popover/user_group_popover.tsx
+++ b/webapp/channels/src/components/user_group_popover/user_group_popover.tsx
@@ -34,7 +34,7 @@ export type Props = {
     group: Group;
     hide: () => void;
     returnFocus: () => void;
-}
+};
 
 const UserGroupPopover = ({
     group,
diff --git a/webapp/channels/src/components/user_groups_modal/user_groups_filter/user_groups_filter.tsx b/webapp/channels/src/components/user_groups_modal/user_groups_filter/user_groups_filter.tsx
index 9a03764b2f7..a822e0592af 100644
--- a/webapp/channels/src/components/user_groups_modal/user_groups_filter/user_groups_filter.tsx
+++ b/webapp/channels/src/components/user_groups_modal/user_groups_filter/user_groups_filter.tsx
@@ -10,7 +10,7 @@ type Props = {
     selectedFilter: string;
     getGroups: (page: number, groupType: string) => void;
     onToggle: (isOpen: boolean) => void;
-}
+};
 
 const UserGroupsFilter = (props: Props) => {
     const {
diff --git a/webapp/channels/src/components/user_groups_modal/user_groups_list/user_groups_list.tsx b/webapp/channels/src/components/user_groups_modal/user_groups_list/user_groups_list.tsx
index 87f662aa979..cb1a2490a8b 100644
--- a/webapp/channels/src/components/user_groups_modal/user_groups_list/user_groups_list.tsx
+++ b/webapp/channels/src/components/user_groups_modal/user_groups_list/user_groups_list.tsx
@@ -39,7 +39,7 @@ export type Props = {
         restoreGroup: (groupId: string) => Promise<ActionResult>;
         openModal: <P>(modalData: ModalData<P>) => void;
     };
-}
+};
 
 const UserGroupsList = (props: Props) => {
     const {
diff --git a/webapp/channels/src/components/user_groups_modal/user_groups_modal.tsx b/webapp/channels/src/components/user_groups_modal/user_groups_modal.tsx
index e46a48c9372..cdba99b136d 100644
--- a/webapp/channels/src/components/user_groups_modal/user_groups_modal.tsx
+++ b/webapp/channels/src/components/user_groups_modal/user_groups_modal.tsx
@@ -49,7 +49,7 @@ export type Props = {
         ) => Promise<ActionResult>;
         openModal: <P>(modalData: ModalData<P>) => void;
     };
-}
+};
 
 const UserGroupsModal = (props: Props) => {
     const [searchTimeoutId, setSearchTimeoutId] = useState(0);
diff --git a/webapp/channels/src/components/user_list.tsx b/webapp/channels/src/components/user_list.tsx
index f2bf33f6537..6df89a6d6d1 100644
--- a/webapp/channels/src/components/user_list.tsx
+++ b/webapp/channels/src/components/user_list.tsx
@@ -36,7 +36,7 @@ type Props = {
         doManageTokens: (user: UserProfile) => void;
         isDisabled?: boolean;
     };
-}
+};
 
 const UserList = ({
     actionUserProps,
diff --git a/webapp/channels/src/components/user_list_row/index.ts b/webapp/channels/src/components/user_list_row/index.ts
index ad47becb46c..1d50c85519e 100644
--- a/webapp/channels/src/components/user_list_row/index.ts
+++ b/webapp/channels/src/components/user_list_row/index.ts
@@ -13,7 +13,7 @@ import UserListRow from './user_list_row';
 
 type OwnProps = {
     user: UserProfile;
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     const user = ownProps.user;
diff --git a/webapp/channels/src/components/user_list_row_with_error/user_list_row_with_error.tsx b/webapp/channels/src/components/user_list_row_with_error/user_list_row_with_error.tsx
index 0dbb0e945c7..93f7e22809f 100644
--- a/webapp/channels/src/components/user_list_row_with_error/user_list_row_with_error.tsx
+++ b/webapp/channels/src/components/user_list_row_with_error/user_list_row_with_error.tsx
@@ -46,10 +46,10 @@ type Props = {
     userCount?: number;
     totalUsers?: number;
     isDisabled?: boolean;
-}
+};
 type State = {
     error?: ServerError;
-}
+};
 
 export default class UserListRowWithError extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/user_profile/index.ts b/webapp/channels/src/components/user_profile/index.ts
index 3db85f14f64..98ac9c9ef33 100644
--- a/webapp/channels/src/components/user_profile/index.ts
+++ b/webapp/channels/src/components/user_profile/index.ts
@@ -27,7 +27,7 @@ export type OwnProps = {
     colorize?: boolean;
     hideStatus?: boolean;
     channelId?: Channel['id'];
-}
+};
 
 function makeMapStateToProps() {
     const getDisplayName = makeGetDisplayName();
diff --git a/webapp/channels/src/components/user_settings/advanced/join_leave_section/index.ts b/webapp/channels/src/components/user_settings/advanced/join_leave_section/index.ts
index cdfbdb90bec..a618d54c951 100644
--- a/webapp/channels/src/components/user_settings/advanced/join_leave_section/index.ts
+++ b/webapp/channels/src/components/user_settings/advanced/join_leave_section/index.ts
@@ -21,7 +21,7 @@ export type OwnProps = {
     adminMode?: boolean;
     userId: string;
     userPreferences?: PreferencesType;
-}
+};
 
 export function mapStateToProps(state: GlobalState, props: OwnProps) {
     const config = getConfig(state);
diff --git a/webapp/channels/src/components/user_settings/advanced/join_leave_section/join_leave_section.tsx b/webapp/channels/src/components/user_settings/advanced/join_leave_section/join_leave_section.tsx
index d601edb5bb8..220758691af 100644
--- a/webapp/channels/src/components/user_settings/advanced/join_leave_section/join_leave_section.tsx
+++ b/webapp/channels/src/components/user_settings/advanced/join_leave_section/join_leave_section.tsx
@@ -27,13 +27,13 @@ type Props = OwnProps & {
     actions: {
         savePreferences: (userId: string, preferences: PreferenceType[]) => void;
     };
-}
+};
 
 type State = {
     joinLeaveState: string;
     isSaving?: boolean;
     serverError?: string;
-}
+};
 
 export default class JoinLeaveSection extends React.PureComponent<Props, State> {
     minRef: RefObject<SettingItemMinComponent>;
diff --git a/webapp/channels/src/components/user_settings/advanced/performance_debugging_section/index.ts b/webapp/channels/src/components/user_settings/advanced/performance_debugging_section/index.ts
index 2f0c8d27e15..bde39f94b20 100644
--- a/webapp/channels/src/components/user_settings/advanced/performance_debugging_section/index.ts
+++ b/webapp/channels/src/components/user_settings/advanced/performance_debugging_section/index.ts
@@ -17,7 +17,7 @@ import PerformanceDebuggingSection from './performance_debugging_section';
 export type OwnProps = {
     adminMode?: boolean;
     userId: string;
-}
+};
 
 function mapStateToProps(state: GlobalState, props: OwnProps) {
     const userPreferences = props.adminMode && props.userId ? getUserPreferences(state, props.userId) : undefined;
diff --git a/webapp/channels/src/components/user_settings/advanced/user_settings_advanced.tsx b/webapp/channels/src/components/user_settings/advanced/user_settings_advanced.tsx
index 8111a95c6cc..a67ecbff829 100644
--- a/webapp/channels/src/components/user_settings/advanced/user_settings_advanced.tsx
+++ b/webapp/channels/src/components/user_settings/advanced/user_settings_advanced.tsx
@@ -46,7 +46,7 @@ export type OwnProps = {
     activeSection: string;
     closeModal: () => void;
     collapseModal: () => void;
-}
+};
 
 export type Props = OwnProps & PropsFromRedux;
 
@@ -55,7 +55,7 @@ type State = {
     isSaving: boolean;
     showDeactivateAccountModal: boolean;
     serverError: string;
-}
+};
 
 export default class AdvancedSettingsDisplay extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/user_settings/display/manage_languages/manage_languages.tsx b/webapp/channels/src/components/user_settings/display/manage_languages/manage_languages.tsx
index e133d3c2e6e..b6cb0d73d12 100644
--- a/webapp/channels/src/components/user_settings/display/manage_languages/manage_languages.tsx
+++ b/webapp/channels/src/components/user_settings/display/manage_languages/manage_languages.tsx
@@ -36,7 +36,7 @@ type Props = {
 type SelectedOption = {
     value: string;
     label: string;
-}
+};
 
 type State = {
     isSaving: boolean;
diff --git a/webapp/channels/src/components/user_settings/display/manage_timezones/manage_timezones.tsx b/webapp/channels/src/components/user_settings/display/manage_timezones/manage_timezones.tsx
index abb7e91fa93..34660c15b12 100644
--- a/webapp/channels/src/components/user_settings/display/manage_timezones/manage_timezones.tsx
+++ b/webapp/channels/src/components/user_settings/display/manage_timezones/manage_timezones.tsx
@@ -19,7 +19,7 @@ import {getBrowserTimezone} from 'utils/timezone';
 type Actions = {
     updateMe: (user: UserProfile) => Promise<ActionResult>;
     patchUser: (user: UserProfile) => Promise<ActionResult>;
-}
+};
 
 type Props = {
     user: UserProfile;
@@ -31,11 +31,11 @@ type Props = {
     timezoneLabel: string;
     actions: Actions;
     adminMode?: boolean;
-}
+};
 type SelectedOption = {
     value: string;
     label: string;
-}
+};
 
 type State = {
     useAutomaticTimezone: boolean;
@@ -45,7 +45,7 @@ type State = {
     serverError?: string;
     openMenu: boolean;
     selectedOption: SelectedOption;
-}
+};
 
 export default class ManageTimezones extends React.PureComponent<Props, State> {
     constructor(props: Props) {
diff --git a/webapp/channels/src/components/user_settings/display/render_emoticons_as_emoji/render_emoticons_as_emoji.tsx b/webapp/channels/src/components/user_settings/display/render_emoticons_as_emoji/render_emoticons_as_emoji.tsx
index 8086ac8f325..15448c27314 100644
--- a/webapp/channels/src/components/user_settings/display/render_emoticons_as_emoji/render_emoticons_as_emoji.tsx
+++ b/webapp/channels/src/components/user_settings/display/render_emoticons_as_emoji/render_emoticons_as_emoji.tsx
@@ -18,12 +18,12 @@ export type Actions = {
 export type OwnProps = {
     user: UserProfile;
     updateSection: (section: string) => void;
-}
+};
 
 type Props = OwnProps & {
     renderEmoticonsAsEmoji: string;
     actions: Actions;
-}
+};
 
 const RenderEmoticonsAsEmoji: React.FC<Props> = ({user, renderEmoticonsAsEmoji, updateSection, actions}) => {
     const [value, setValue] = useState<string>(renderEmoticonsAsEmoji);
diff --git a/webapp/channels/src/components/user_settings/display/user_settings_display.tsx b/webapp/channels/src/components/user_settings/display/user_settings_display.tsx
index 5b1b0d0fd27..1d10974ab56 100644
--- a/webapp/channels/src/components/user_settings/display/user_settings_display.tsx
+++ b/webapp/channels/src/components/user_settings/display/user_settings_display.tsx
@@ -64,9 +64,9 @@ type Option = {
         more?: MessageDescriptor;
     };
     childOption?: ChildOption;
-}
+};
 
-type SectionProps ={
+type SectionProps = {
     section: string;
     display: string;
     defaultDisplay: string;
@@ -78,13 +78,13 @@ type SectionProps ={
     description: MessageDescriptor;
     disabled?: boolean;
     onSubmit?: () => void;
-}
+};
 
 export type OwnProps = {
     user: UserProfile;
     adminMode?: boolean;
     userPreferences?: PreferencesType;
-}
+};
 
 type Props = OwnProps & {
     user: UserProfile;
@@ -126,7 +126,7 @@ type Props = OwnProps & {
         updateMe: (user: UserProfile) => Promise<ActionResult>;
         patchUser: (user: UserProfile) => Promise<ActionResult>;
     };
-}
+};
 
 type State = {
     [key: string]: any;
@@ -145,7 +145,7 @@ type State = {
     clickToReply: string;
     handleSubmit?: () => void;
     serverError?: string;
-}
+};
 
 export default class UserSettingsDisplay extends React.PureComponent<Props, State> {
     public prevSections: {
diff --git a/webapp/channels/src/components/user_settings/display/user_settings_theme/color_chooser/color_chooser.tsx b/webapp/channels/src/components/user_settings/display/user_settings_theme/color_chooser/color_chooser.tsx
index 6dc787ab037..2e4b82e0056 100644
--- a/webapp/channels/src/components/user_settings/display/user_settings_theme/color_chooser/color_chooser.tsx
+++ b/webapp/channels/src/components/user_settings/display/user_settings_theme/color_chooser/color_chooser.tsx
@@ -10,7 +10,7 @@ type Props = {
     label: React.ReactNode;
     value: string;
     onChange?: (id: string, newColor: string) => void;
-}
+};
 
 export default function ColorChooser(props: Props) {
     const handleChange = (newColor: string) => {
diff --git a/webapp/channels/src/components/user_settings/display/user_settings_theme/premade_theme_chooser/premade_theme_chooser.tsx b/webapp/channels/src/components/user_settings/display/user_settings_theme/premade_theme_chooser/premade_theme_chooser.tsx
index a01d83d44c6..e90c0ad0644 100644
--- a/webapp/channels/src/components/user_settings/display/user_settings_theme/premade_theme_chooser/premade_theme_chooser.tsx
+++ b/webapp/channels/src/components/user_settings/display/user_settings_theme/premade_theme_chooser/premade_theme_chooser.tsx
@@ -15,7 +15,7 @@ type Props = {
     theme: Theme;
     updateTheme: (theme: Theme) => void;
     allowedThemes: string[];
-}
+};
 
 const PremadeThemeChooser = ({theme, updateTheme, allowedThemes = []}: Props) => {
     const premadeThemes = [];
diff --git a/webapp/channels/src/components/user_settings/display/user_settings_theme/theme_thumbnail.tsx b/webapp/channels/src/components/user_settings/display/user_settings_theme/theme_thumbnail.tsx
index a3ec5851707..09530a3131b 100644
--- a/webapp/channels/src/components/user_settings/display/user_settings_theme/theme_thumbnail.tsx
+++ b/webapp/channels/src/components/user_settings/display/user_settings_theme/theme_thumbnail.tsx
@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-/* eslint-disable react/jsx-max-props-per-line */
+/* eslint-disable @stylistic/jsx-max-props-per-line */
 
 import React from 'react';
 
@@ -18,7 +18,7 @@ type ThemeThumbnailProps = {
     centerChannelBg: string;
     newMessageSeparator: string;
     buttonBg: string;
-}
+};
 
 function ThemeThumbnail({
     themeName,
diff --git a/webapp/channels/src/components/user_settings/general/user_settings_general.tsx b/webapp/channels/src/components/user_settings/general/user_settings_general.tsx
index cd7bb28af90..45c794b221e 100644
--- a/webapp/channels/src/components/user_settings/general/user_settings_general.tsx
+++ b/webapp/channels/src/components/user_settings/general/user_settings_general.tsx
@@ -171,7 +171,7 @@ export type Props = {
     samlPositionAttributeSet?: boolean;
     ldapPictureAttributeSet?: boolean;
     enableCustomProfileAttributes: boolean;
-}
+};
 
 type State = {
     username: string;
@@ -192,7 +192,7 @@ type State = {
     serverError?: string;
     emailError?: string;
     customAttributeValues: Record<string, string | string[]>;
-}
+};
 
 // Private component to get plugin display name
 type PluginDisplayNameProps = {
@@ -862,7 +862,7 @@ export class UserSettingsGeneralTab extends PureComponent<Props, State> {
             );
         }
 
-        let describe: JSX.Element|string = '';
+        let describe: JSX.Element | string = '';
         if (this.props.user.auth_service === '') {
             describe = this.props.user.email;
         } else if (this.props.user.auth_service === Constants.GITLAB_SERVICE) {
@@ -1066,7 +1066,7 @@ export class UserSettingsGeneralTab extends PureComponent<Props, State> {
             );
         }
 
-        let describe: JSX.Element|string = '';
+        let describe: JSX.Element | string = '';
 
         if (user.first_name && user.last_name) {
             describe = user.first_name + ' ' + user.last_name;
@@ -1125,7 +1125,7 @@ export class UserSettingsGeneralTab extends PureComponent<Props, State> {
                     </span>
                 );
             } else {
-                let nicknameLabel: JSX.Element|string = (
+                let nicknameLabel: JSX.Element | string = (
                     <FormattedMessage
                         id='user.settings.general.nickname'
                         defaultMessage='Nickname'
@@ -1182,7 +1182,7 @@ export class UserSettingsGeneralTab extends PureComponent<Props, State> {
             );
         }
 
-        let describe: JSX.Element|string = '';
+        let describe: JSX.Element | string = '';
         if (user.nickname) {
             describe = user.nickname;
         } else {
@@ -1331,7 +1331,7 @@ export class UserSettingsGeneralTab extends PureComponent<Props, State> {
         if (active) {
             const inputs = [];
 
-            let extraInfo: JSX.Element|string;
+            let extraInfo: JSX.Element | string;
             let submit = null;
             if ((this.props.user.auth_service === Constants.LDAP_SERVICE && this.props.ldapPositionAttributeSet) || (this.props.user.auth_service === Constants.SAML_SERVICE && this.props.samlPositionAttributeSet)) {
                 extraInfo = (
@@ -1401,7 +1401,7 @@ export class UserSettingsGeneralTab extends PureComponent<Props, State> {
             );
         }
 
-        let describe: JSX.Element|string = '';
+        let describe: JSX.Element | string = '';
         if (user.position) {
             describe = user.position;
         } else {
@@ -1481,7 +1481,7 @@ export class UserSettingsGeneralTab extends PureComponent<Props, State> {
 
             if (active) {
                 const inputs = [];
-                let extraInfo: JSX.Element|string = '';
+                let extraInfo: JSX.Element | string = '';
                 let submit = null;
 
                 const validate = () => {
@@ -1635,7 +1635,7 @@ export class UserSettingsGeneralTab extends PureComponent<Props, State> {
                     />
                 );
             }
-            let describe: JSX.Element|string = '';
+            let describe: JSX.Element | string = '';
             if (this.props.user.custom_profile_attributes?.[attribute.id]) {
                 const attributeValue = getDisplayValue(this.props.user.custom_profile_attributes?.[attribute.id]);
                 if (attributeValue) {
@@ -1741,7 +1741,7 @@ export class UserSettingsGeneralTab extends PureComponent<Props, State> {
             );
         }
 
-        let minMessage: JSX.Element|string = formatMessage(holders.uploadImage);
+        let minMessage: JSX.Element | string = formatMessage(holders.uploadImage);
         if (this.props.isMobileView) {
             minMessage = formatMessage(holders.uploadImageMobile);
         }
diff --git a/webapp/channels/src/components/user_settings/headers/setting_mobile_header.tsx b/webapp/channels/src/components/user_settings/headers/setting_mobile_header.tsx
index ff8aa45593d..d892c351775 100644
--- a/webapp/channels/src/components/user_settings/headers/setting_mobile_header.tsx
+++ b/webapp/channels/src/components/user_settings/headers/setting_mobile_header.tsx
@@ -9,7 +9,7 @@ type Props = {
     text: ReactNode;
     closeModal: () => void;
     collapseModal: () => void;
-}
+};
 const SettingMobileHeader = ({
     text,
     closeModal,
diff --git a/webapp/channels/src/components/user_settings/modal/user_settings_modal.tsx b/webapp/channels/src/components/user_settings/modal/user_settings_modal.tsx
index 9940ec278e2..11c04c18a19 100644
--- a/webapp/channels/src/components/user_settings/modal/user_settings_modal.tsx
+++ b/webapp/channels/src/components/user_settings/modal/user_settings_modal.tsx
@@ -35,7 +35,7 @@ export type OwnProps = {
     isContentProductSettings: boolean;
     userPreferences?: PreferencesType;
     activeTab?: string;
-}
+};
 
 export type Props = OwnProps & {
     intl: IntlShape;
@@ -48,7 +48,7 @@ export type Props = OwnProps & {
         getUserPreferences: (userID: string) => Promise<unknown>;
         getUser: (userID: string) => Promise<unknown>;
     };
-}
+};
 
 type State = {
     active_tab?: string;
diff --git a/webapp/channels/src/components/user_settings/notifications/desktop_and_mobile_notification_setting/notification_permission_section_notice/notification_permission_never_granted_section_notice.tsx b/webapp/channels/src/components/user_settings/notifications/desktop_and_mobile_notification_setting/notification_permission_section_notice/notification_permission_never_granted_section_notice.tsx
index e3e5a43bd41..7efe8cb74ba 100644
--- a/webapp/channels/src/components/user_settings/notifications/desktop_and_mobile_notification_setting/notification_permission_section_notice/notification_permission_never_granted_section_notice.tsx
+++ b/webapp/channels/src/components/user_settings/notifications/desktop_and_mobile_notification_setting/notification_permission_section_notice/notification_permission_never_granted_section_notice.tsx
@@ -10,7 +10,7 @@ import {requestNotificationPermission} from 'utils/notifications';
 
 type Props = {
     onCtaButtonClick: (permission: NotificationPermission) => void;
-}
+};
 
 export default function NotificationPermissionNeverGrantedSectionNotice(props: Props) {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/user_settings/notifications/index.ts b/webapp/channels/src/components/user_settings/notifications/index.ts
index fb1abd8d9e8..42f65ae53a2 100644
--- a/webapp/channels/src/components/user_settings/notifications/index.ts
+++ b/webapp/channels/src/components/user_settings/notifications/index.ts
@@ -30,7 +30,7 @@ export type OwnProps = {
     collapseModal: () => void;
     adminMode?: boolean;
     userPreferences?: PreferencesType;
-}
+};
 
 const mapStateToProps = (state: GlobalState, props: OwnProps) => {
     // server config, related to server configuration, not the user
diff --git a/webapp/channels/src/components/user_settings/notifications/manage_auto_responder/manage_auto_responder.tsx b/webapp/channels/src/components/user_settings/notifications/manage_auto_responder/manage_auto_responder.tsx
index 7efa4773913..192d686af3e 100644
--- a/webapp/channels/src/components/user_settings/notifications/manage_auto_responder/manage_auto_responder.tsx
+++ b/webapp/channels/src/components/user_settings/notifications/manage_auto_responder/manage_auto_responder.tsx
@@ -18,7 +18,7 @@ type Props = {
     submit: () => void;
     saving: boolean;
     error?: string;
-}
+};
 
 export default class ManageAutoResponder extends React.PureComponent<Props> {
     handleAutoResponderChecked = (e: ChangeEvent<HTMLInputElement>) => {
diff --git a/webapp/channels/src/components/user_settings/notifications/send_test_notification_notice.tsx b/webapp/channels/src/components/user_settings/notifications/send_test_notification_notice.tsx
index 610c528b7da..f9532ec3820 100644
--- a/webapp/channels/src/components/user_settings/notifications/send_test_notification_notice.tsx
+++ b/webapp/channels/src/components/user_settings/notifications/send_test_notification_notice.tsx
@@ -19,7 +19,7 @@ type Props = {
     adminMode?: boolean;
 };
 
-type ButtonState = 'idle'|'sending'|'sent'|'error';
+type ButtonState = 'idle' | 'sending' | 'sent' | 'error';
 
 const SendTestNotificationNotice = ({
     adminMode = false,
diff --git a/webapp/channels/src/components/user_settings/notifications/user_settings_notifications.tsx b/webapp/channels/src/components/user_settings/notifications/user_settings_notifications.tsx
index 2aee8fa5f3c..e25b8eaeab7 100644
--- a/webapp/channels/src/components/user_settings/notifications/user_settings_notifications.tsx
+++ b/webapp/channels/src/components/user_settings/notifications/user_settings_notifications.tsx
@@ -40,7 +40,7 @@ const COMMA_REGEX = /,/g;
 type MultiInputValue = {
     label: string;
     value: string;
-}
+};
 
 export type Props = PropsFromRedux & OwnProps & WrappedComponentProps;
 
@@ -335,7 +335,7 @@ class NotificationsTab extends React.PureComponent<Props, State> {
     };
 
     setStateValue = (key: string, value: string | boolean): void => {
-        const data: {[key: string]: string | boolean } = {};
+        const data: {[key: string]: string | boolean} = {};
         data[key] = value;
         this.setState((prevState) => ({...prevState, ...data}));
     };
@@ -373,7 +373,7 @@ class NotificationsTab extends React.PureComponent<Props, State> {
         this.setState({isCustomKeysWithNotificationInputChecked: checked});
     };
 
-    handleChangeForCustomKeysWithNotificationInput = (values: OnChangeValue<{ value: string }, true>) => {
+    handleChangeForCustomKeysWithNotificationInput = (values: OnChangeValue<{value: string}, true>) => {
         if (values && Array.isArray(values) && values.length > 0) {
             // Check the custom keys input checkbox when atleast a single key is entered
             if (this.state.isCustomKeysWithNotificationInputChecked === false) {
@@ -441,7 +441,7 @@ class NotificationsTab extends React.PureComponent<Props, State> {
         }
     };
 
-    handleChangeForCustomKeysWithHighlightInput = (values: OnChangeValue<{ value: string }, true>) => {
+    handleChangeForCustomKeysWithHighlightInput = (values: OnChangeValue<{value: string}, true>) => {
         if (values && Array.isArray(values) && values.length > 0) {
             const customKeysWithHighlight = values.
                 map((value: MultiInputValue) => {
diff --git a/webapp/channels/src/components/user_settings/plugin/index.tsx b/webapp/channels/src/components/user_settings/plugin/index.tsx
index 47e4251d8ef..4ca1e0fa3fe 100644
--- a/webapp/channels/src/components/user_settings/plugin/index.tsx
+++ b/webapp/channels/src/components/user_settings/plugin/index.tsx
@@ -20,7 +20,7 @@ type Props = {
     closeModal: () => void;
     collapseModal: () => void;
     settings: PluginConfiguration;
-}
+};
 
 const PluginTab = ({
     activeSection,
diff --git a/webapp/channels/src/components/user_settings/plugin/plugin_setting.tsx b/webapp/channels/src/components/user_settings/plugin/plugin_setting.tsx
index 8ccb7edffe4..fca1cdbc07e 100644
--- a/webapp/channels/src/components/user_settings/plugin/plugin_setting.tsx
+++ b/webapp/channels/src/components/user_settings/plugin/plugin_setting.tsx
@@ -24,7 +24,7 @@ type Props = {
     updateSection: (section: string) => void;
     activeSection: string;
     section: PluginConfigurationSection;
-}
+};
 
 const PluginSetting = ({
     pluginId,
diff --git a/webapp/channels/src/components/user_settings/plugin/radio.tsx b/webapp/channels/src/components/user_settings/plugin/radio.tsx
index 9ea89605c8b..a06308fa1aa 100644
--- a/webapp/channels/src/components/user_settings/plugin/radio.tsx
+++ b/webapp/channels/src/components/user_settings/plugin/radio.tsx
@@ -19,7 +19,7 @@ type Props = {
     setting: PluginConfigurationRadioSetting;
     pluginId: string;
     informChange: (name: string, value: string) => void;
-}
+};
 
 const RadioInput = ({
     setting,
diff --git a/webapp/channels/src/components/user_settings/plugin/radio_option.tsx b/webapp/channels/src/components/user_settings/plugin/radio_option.tsx
index b2c3541a185..b077887d94c 100644
--- a/webapp/channels/src/components/user_settings/plugin/radio_option.tsx
+++ b/webapp/channels/src/components/user_settings/plugin/radio_option.tsx
@@ -12,7 +12,7 @@ type Props = {
     name: string;
     option: PluginConfigurationRadioSettingOption;
     onSelected: (v: string) => void;
-}
+};
 
 const markdownOptions = {mentionHighlight: false};
 
diff --git a/webapp/channels/src/components/user_settings/security/mfa_section/mfa_section.tsx b/webapp/channels/src/components/user_settings/security/mfa_section/mfa_section.tsx
index 6cbf4580b92..0c43cd3d07f 100644
--- a/webapp/channels/src/components/user_settings/security/mfa_section/mfa_section.tsx
+++ b/webapp/channels/src/components/user_settings/security/mfa_section/mfa_section.tsx
@@ -30,11 +30,11 @@ type Props = {
 
     updateSection: (section: string) => void;
     actions: {deactivateMfa: () => Promise<{error?: {message: string}}>};
-}
+};
 
 type State = {
-    serverError: string|null;
-}
+    serverError: string | null;
+};
 
 export default class MfaSection extends React.PureComponent<Props, State> {
     minRef: RefObject<SettingItemMinComponent>;
diff --git a/webapp/channels/src/components/user_settings/security/user_access_token_section/user_access_token_section.tsx b/webapp/channels/src/components/user_settings/security/user_access_token_section/user_access_token_section.tsx
index 36398e1dfd3..8137f9ecc8f 100644
--- a/webapp/channels/src/components/user_settings/security/user_access_token_section/user_access_token_section.tsx
+++ b/webapp/channels/src/components/user_settings/security/user_access_token_section/user_access_token_section.tsx
@@ -42,7 +42,7 @@ type Props = {
         disableUserAccessToken: (tokenId: string) => Promise<ActionResult>;
         clearUserAccessTokens: () => void;
     };
-}
+};
 
 type State = {
     active?: boolean;
@@ -50,14 +50,14 @@ type State = {
     newToken?: UserAccessToken | null;
     tokenCreationState?: string;
     tokenError?: React.ReactNode;
-    serverError?: string|null;
+    serverError?: string | null;
     saving?: boolean;
     confirmTitle?: React.ReactNode;
-    confirmMessage?: ((state: State) => JSX.Element)|null;
+    confirmMessage?: ((state: State) => JSX.Element) | null;
     confirmButton?: React.ReactNode;
-    confirmComplete?: (() => void)|null;
+    confirmComplete?: (() => void) | null;
     confirmHideCancel?: boolean;
-}
+};
 
 export default class UserAccessTokenSection extends React.PureComponent<Props, State> {
     private minRef: React.RefObject<SettingItemMinComponent>;
diff --git a/webapp/channels/src/components/user_settings/sidebar/limit_visible_gms_dms/index.ts b/webapp/channels/src/components/user_settings/sidebar/limit_visible_gms_dms/index.ts
index 804c1151ecc..08c8f1a71ad 100644
--- a/webapp/channels/src/components/user_settings/sidebar/limit_visible_gms_dms/index.ts
+++ b/webapp/channels/src/components/user_settings/sidebar/limit_visible_gms_dms/index.ts
@@ -17,7 +17,7 @@ export type OwnProps = {
     adminMode?: boolean;
     userId: string;
     userPreferences?: PreferencesType;
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     const userPreferences = ownProps.adminMode && ownProps.userPreferences ? ownProps.userPreferences : undefined;
diff --git a/webapp/channels/src/components/user_settings/sidebar/limit_visible_gms_dms/limit_visible_gms_dms.tsx b/webapp/channels/src/components/user_settings/sidebar/limit_visible_gms_dms/limit_visible_gms_dms.tsx
index 815d1b96583..23155d8238c 100644
--- a/webapp/channels/src/components/user_settings/sidebar/limit_visible_gms_dms/limit_visible_gms_dms.tsx
+++ b/webapp/channels/src/components/user_settings/sidebar/limit_visible_gms_dms/limit_visible_gms_dms.tsx
@@ -29,13 +29,13 @@ type Props = OwnProps & {
     savePreferences: (userId: string, preferences: PreferenceType[]) => Promise<ActionResult>;
     dmGmLimit: number;
     updateSection: (section: string) => void;
-}
+};
 
 type State = {
     active: boolean;
     limit: Limit;
     isSaving: boolean;
-}
+};
 
 const limits: Limit[] = [
     {value: 10, label: '10'},
diff --git a/webapp/channels/src/components/user_settings/sidebar/show_unreads_category/index.ts b/webapp/channels/src/components/user_settings/sidebar/show_unreads_category/index.ts
index 43d5d7fcc3c..39f17fd3afe 100644
--- a/webapp/channels/src/components/user_settings/sidebar/show_unreads_category/index.ts
+++ b/webapp/channels/src/components/user_settings/sidebar/show_unreads_category/index.ts
@@ -19,7 +19,7 @@ export type OwnProps = {
     adminMode?: boolean;
     userId: string;
     userPreferences?: PreferencesType;
-}
+};
 
 function mapStateToProps(state: GlobalState, props: OwnProps) {
     const userPreferences = props.adminMode && props.userPreferences ? props.userPreferences : undefined;
diff --git a/webapp/channels/src/components/user_settings/sidebar/show_unreads_category/show_unreads_category.tsx b/webapp/channels/src/components/user_settings/sidebar/show_unreads_category/show_unreads_category.tsx
index faddab3288d..c320aec445a 100644
--- a/webapp/channels/src/components/user_settings/sidebar/show_unreads_category/show_unreads_category.tsx
+++ b/webapp/channels/src/components/user_settings/sidebar/show_unreads_category/show_unreads_category.tsx
@@ -24,13 +24,13 @@ type Props = OwnProps & {
     savePreferences: (userId: string, preferences: PreferenceType[]) => Promise<ActionResult>;
     showUnreadsCategory: boolean;
     updateSection: (section: string) => void;
-}
+};
 
 type State = {
     active: boolean;
     checked: boolean;
     isSaving: boolean;
-}
+};
 
 export default class ShowUnreadsCategory extends React.PureComponent<Props, State> {
     minRef: RefObject<SettingItemMinComponent>;
diff --git a/webapp/channels/src/components/view_user_group_modal/view_user_group_header_sub_menu/view_user_group_header_sub_menu.tsx b/webapp/channels/src/components/view_user_group_modal/view_user_group_header_sub_menu/view_user_group_header_sub_menu.tsx
index fa1657cab50..160b3a42e17 100644
--- a/webapp/channels/src/components/view_user_group_modal/view_user_group_header_sub_menu/view_user_group_header_sub_menu.tsx
+++ b/webapp/channels/src/components/view_user_group_modal/view_user_group_header_sub_menu/view_user_group_header_sub_menu.tsx
@@ -34,7 +34,7 @@ export type Props = {
         addUsersToGroup: (groupId: string, userIds: string[]) => Promise<ActionResult>;
         archiveGroup: (groupId: string) => Promise<ActionResult>;
     };
-}
+};
 
 const ViewUserGroupHeaderSubMenu = (props: Props) => {
     const {
diff --git a/webapp/channels/src/components/view_user_group_modal/view_user_group_list_item/view_user_group_list_item.tsx b/webapp/channels/src/components/view_user_group_modal/view_user_group_list_item/view_user_group_list_item.tsx
index 36f10fbd1db..5e1b48e3c91 100644
--- a/webapp/channels/src/components/view_user_group_modal/view_user_group_list_item/view_user_group_list_item.tsx
+++ b/webapp/channels/src/components/view_user_group_modal/view_user_group_list_item/view_user_group_list_item.tsx
@@ -29,7 +29,7 @@ export type Props = {
     actions: {
         removeUsersFromGroup: (groupId: string, userIds: string[]) => Promise<ActionResult>;
     };
-}
+};
 
 const ViewUserGroupListItem = (props: Props) => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/view_user_group_modal/view_user_group_modal.tsx b/webapp/channels/src/components/view_user_group_modal/view_user_group_modal.tsx
index 0df5721f0c9..3f13dab70fd 100644
--- a/webapp/channels/src/components/view_user_group_modal/view_user_group_modal.tsx
+++ b/webapp/channels/src/components/view_user_group_modal/view_user_group_modal.tsx
@@ -41,7 +41,7 @@ export type Props = {
         setModalSearchTerm: (term: string) => void;
         searchProfiles: (term: string, options: any) => Promise<ActionResult>;
     };
-}
+};
 
 const ViewUserGroupModal: React.FC<Props> = ({
     onExited,
diff --git a/webapp/channels/src/components/view_user_group_modal/view_user_group_modal_header/view_user_group_modal_header.tsx b/webapp/channels/src/components/view_user_group_modal/view_user_group_modal_header/view_user_group_modal_header.tsx
index 71fa6e60d7b..39164012362 100644
--- a/webapp/channels/src/components/view_user_group_modal/view_user_group_modal_header/view_user_group_modal_header.tsx
+++ b/webapp/channels/src/components/view_user_group_modal/view_user_group_modal_header/view_user_group_modal_header.tsx
@@ -40,7 +40,7 @@ export type Props = {
         archiveGroup: (groupId: string) => Promise<ActionResult>;
         restoreGroup: (groupId: string) => Promise<ActionResult>;
     };
-}
+};
 
 const ViewUserGroupModalHeader = ({
     groupId,
diff --git a/webapp/channels/src/components/widgets/admin_console/admin_panel_with_button.tsx b/webapp/channels/src/components/widgets/admin_console/admin_panel_with_button.tsx
index 759295c460a..53c93d00b1b 100644
--- a/webapp/channels/src/components/widgets/admin_console/admin_panel_with_button.tsx
+++ b/webapp/channels/src/components/widgets/admin_console/admin_panel_with_button.tsx
@@ -19,7 +19,7 @@ type Props = {
     onButtonClick?: React.EventHandler<React.MouseEvent>;
     disabled?: boolean;
     buttonText?: MessageDescriptor;
-}
+};
 
 const AdminPanelWithButton = ({
     className = '',
diff --git a/webapp/channels/src/components/widgets/admin_console/admin_panel_with_link.tsx b/webapp/channels/src/components/widgets/admin_console/admin_panel_with_link.tsx
index 0737ffbbd72..c4782db2738 100644
--- a/webapp/channels/src/components/widgets/admin_console/admin_panel_with_link.tsx
+++ b/webapp/channels/src/components/widgets/admin_console/admin_panel_with_link.tsx
@@ -20,7 +20,7 @@ type Props = {
     url: string;
     disabled?: boolean;
     linkText: MessageDescriptor;
-}
+};
 
 const AdminPanelWithLink = ({
     className = '',
diff --git a/webapp/channels/src/components/widgets/advanced_textbox/advanced_textbox.tsx b/webapp/channels/src/components/widgets/advanced_textbox/advanced_textbox.tsx
index 7caea0a3b97..6ed3e726973 100644
--- a/webapp/channels/src/components/widgets/advanced_textbox/advanced_textbox.tsx
+++ b/webapp/channels/src/components/widgets/advanced_textbox/advanced_textbox.tsx
@@ -27,7 +27,7 @@ type AdvancedTextboxProps = {
     descriptionMessage?: JSX.Element | string;
     hasError?: boolean;
     errorMessage?: string | JSX.Element;
-    onValidate?: (value: string) => { isValid: boolean; errorMessage?: string };
+    onValidate?: (value: string) => {isValid: boolean; errorMessage?: string};
     showCharacterCount?: boolean;
     readOnly?: boolean;
     name?: string; // Added name prop for floating label
diff --git a/webapp/channels/src/components/widgets/background_pill_symbol/background_pill_symbol.tsx b/webapp/channels/src/components/widgets/background_pill_symbol/background_pill_symbol.tsx
index 71e48175e09..9198740b355 100644
--- a/webapp/channels/src/components/widgets/background_pill_symbol/background_pill_symbol.tsx
+++ b/webapp/channels/src/components/widgets/background_pill_symbol/background_pill_symbol.tsx
@@ -5,7 +5,7 @@ import React from 'react';
 
 type Props = {
     id?: string;
-}
+};
 
 // NOTE: this SVG Symbol component needs to be included inside an <SVG /> container
 const BackgroundPillSymbol = ({id = 'pill'}: Props): JSX.Element => (
diff --git a/webapp/channels/src/components/widgets/icons/fa_next_icon.tsx b/webapp/channels/src/components/widgets/icons/fa_next_icon.tsx
index b5e6ff17033..b0117bfda37 100644
--- a/webapp/channels/src/components/widgets/icons/fa_next_icon.tsx
+++ b/webapp/channels/src/components/widgets/icons/fa_next_icon.tsx
@@ -7,7 +7,7 @@ import {useIntl} from 'react-intl';
 
 type Props = {
     additionalClassName?: string;
-}
+};
 
 const NextIcon = ({additionalClassName}: Props) => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/widgets/icons/fa_previous_icon.tsx b/webapp/channels/src/components/widgets/icons/fa_previous_icon.tsx
index 54bf0f8b19b..0e818eeecb3 100644
--- a/webapp/channels/src/components/widgets/icons/fa_previous_icon.tsx
+++ b/webapp/channels/src/components/widgets/icons/fa_previous_icon.tsx
@@ -7,7 +7,7 @@ import {useIntl} from 'react-intl';
 
 type Props = {
     additionalClassName?: string;
-}
+};
 
 const PreviousIcon = ({additionalClassName}: Props) => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/widgets/icons/fa_warning_icon.tsx b/webapp/channels/src/components/widgets/icons/fa_warning_icon.tsx
index d73f0cdd782..ea13c0c4bca 100644
--- a/webapp/channels/src/components/widgets/icons/fa_warning_icon.tsx
+++ b/webapp/channels/src/components/widgets/icons/fa_warning_icon.tsx
@@ -7,7 +7,7 @@ import {useIntl} from 'react-intl';
 
 type Props = {
     additionalClassName?: string;
-}
+};
 
 const WarningIcon = ({additionalClassName}: Props) => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/widgets/inputs/channels_input.tsx b/webapp/channels/src/components/widgets/inputs/channels_input.tsx
index 078dbd8e883..138fd90732a 100644
--- a/webapp/channels/src/components/widgets/inputs/channels_input.tsx
+++ b/webapp/channels/src/components/widgets/inputs/channels_input.tsx
@@ -41,7 +41,7 @@ type Props<T extends Channel> = {
     loadingMessage?: MessageDescriptor;
     noOptionsMessage?: MessageDescriptor;
     formatOptionLabel?: ComponentProps<typeof AsyncSelect<T>>['formatOptionLabel'];
-}
+};
 
 type State<T> = {
     options: T[];
diff --git a/webapp/channels/src/components/widgets/inputs/check/index.tsx b/webapp/channels/src/components/widgets/inputs/check/index.tsx
index fa88454b0ef..de475e13693 100644
--- a/webapp/channels/src/components/widgets/inputs/check/index.tsx
+++ b/webapp/channels/src/components/widgets/inputs/check/index.tsx
@@ -12,7 +12,7 @@ type Props = {
     text: ReactNode;
     onChange: () => void;
     checked: boolean;
-}
+};
 
 function CheckInput(props: Props) {
     const {id, ariaLabel, text, ...rest} = props;
diff --git a/webapp/channels/src/components/widgets/inputs/dropdown_input_hybrid.tsx b/webapp/channels/src/components/widgets/inputs/dropdown_input_hybrid.tsx
index 95a17787f7d..6d20b1492df 100644
--- a/webapp/channels/src/components/widgets/inputs/dropdown_input_hybrid.tsx
+++ b/webapp/channels/src/components/widgets/inputs/dropdown_input_hybrid.tsx
@@ -15,7 +15,7 @@ import {formatAsString} from 'utils/i18n';
 type OptionType = {
     label: string | JSX.Element;
     value: string;
-}
+};
 
 type Props<T extends OptionType> = Omit<SelectProps<T, false>, 'onChange' | 'onInputChange' | 'isMulti' | 'placeholder'> & {
     value: T;
diff --git a/webapp/channels/src/components/widgets/inputs/users_emails_input.tsx b/webapp/channels/src/components/widgets/inputs/users_emails_input.tsx
index 5dc9f8c9b32..9c88fd875e6 100644
--- a/webapp/channels/src/components/widgets/inputs/users_emails_input.tsx
+++ b/webapp/channels/src/components/widgets/inputs/users_emails_input.tsx
@@ -50,17 +50,17 @@ type Props = {
     suppressNoOptionsMessage?: boolean;
     onPaste?: (e: ClipboardEvent) => void;
     intl: IntlShape;
-}
+};
 
 export type EmailInvite = {
     value: string;
     label: string;
-}
+};
 
 type State = {
     options: UserProfile[];
     prevValue: string;
-}
+};
 
 const typedInputDelimiter = /[,;]+/;
 const pasteDelimiter = /[\n\r,;]+/;
diff --git a/webapp/channels/src/components/widgets/loading/loading_spinner.tsx b/webapp/channels/src/components/widgets/loading/loading_spinner.tsx
index eaa5e49145b..66ee80c2444 100644
--- a/webapp/channels/src/components/widgets/loading/loading_spinner.tsx
+++ b/webapp/channels/src/components/widgets/loading/loading_spinner.tsx
@@ -11,7 +11,7 @@ import {formatAsComponent} from 'utils/i18n';
 type Props = {
     text?: React.ReactNode | MessageDescriptor;
     style?: React.CSSProperties;
-}
+};
 const LoadingSpinner = ({text, style}: Props) => {
     const {formatMessage} = useIntl();
 
diff --git a/webapp/channels/src/components/widgets/loading/loading_wrapper.tsx b/webapp/channels/src/components/widgets/loading/loading_wrapper.tsx
index 82678121f0c..82b5ccb8dd7 100644
--- a/webapp/channels/src/components/widgets/loading/loading_wrapper.tsx
+++ b/webapp/channels/src/components/widgets/loading/loading_wrapper.tsx
@@ -10,7 +10,7 @@ type Props = {
     loading?: boolean;
     text?: MessageDescriptor | React.ReactNode;
     children?: React.ReactNode;
-}
+};
 
 const LoadingWrapper = ({loading = true, text, children}: Props) => {
     return (
diff --git a/webapp/channels/src/components/widgets/menu/menu.tsx b/webapp/channels/src/components/widgets/menu/menu.tsx
index 91f54d63757..f9c24843f71 100644
--- a/webapp/channels/src/components/widgets/menu/menu.tsx
+++ b/webapp/channels/src/components/widgets/menu/menu.tsx
@@ -27,7 +27,7 @@ type Props = {
     customStyles?: CSSProperties;
     className?: string;
     listId?: string;
-}
+};
 
 /**
  * @deprecated Use the "webapp/channels/src/components/menu" instead.
diff --git a/webapp/channels/src/components/widgets/menu/menu_header.tsx b/webapp/channels/src/components/widgets/menu/menu_header.tsx
index aed1f873a53..92a1b745af3 100644
--- a/webapp/channels/src/components/widgets/menu/menu_header.tsx
+++ b/webapp/channels/src/components/widgets/menu/menu_header.tsx
@@ -8,7 +8,7 @@ import './menu_header.scss';
 type Props = {
     children?: React.ReactNode;
     onClick?: () => void;
-}
+};
 
 /**
  * @deprecated Use the "webapp/channels/src/components/menu" instead.
diff --git a/webapp/channels/src/components/widgets/menu/menu_items/menu_cloud_trial.tsx b/webapp/channels/src/components/widgets/menu/menu_items/menu_cloud_trial.tsx
index 893e03ef6b9..b6a051c2f72 100644
--- a/webapp/channels/src/components/widgets/menu/menu_items/menu_cloud_trial.tsx
+++ b/webapp/channels/src/components/widgets/menu/menu_items/menu_cloud_trial.tsx
@@ -24,7 +24,7 @@ import './menu_item.scss';
 
 type Props = {
     id: string;
-}
+};
 const MenuCloudTrial = ({id}: Props): JSX.Element | null => {
     const subscription = useSelector(getCloudSubscription);
     const subscriptionProduct = useSelector(getSubscriptionProduct);
diff --git a/webapp/channels/src/components/widgets/menu/menu_items/menu_item.tsx b/webapp/channels/src/components/widgets/menu/menu_items/menu_item.tsx
index 57ebb2e0ba3..e01a875f07a 100644
--- a/webapp/channels/src/components/widgets/menu/menu_items/menu_item.tsx
+++ b/webapp/channels/src/components/widgets/menu/menu_items/menu_item.tsx
@@ -15,7 +15,7 @@ export default function menuItem(Component: React.ComponentType<any>) {
         id?: string;
         icon?: React.ReactNode;
         text?: React.ReactNode;
-    }
+    };
     class MenuItem extends React.PureComponent<Props & React.ComponentProps<typeof Component>> {
         public static defaultProps = {
             show: true,
diff --git a/webapp/channels/src/components/widgets/menu/menu_items/menu_item_action.tsx b/webapp/channels/src/components/widgets/menu/menu_items/menu_item_action.tsx
index efc89527da3..fbe5ea70e25 100644
--- a/webapp/channels/src/components/widgets/menu/menu_items/menu_item_action.tsx
+++ b/webapp/channels/src/components/widgets/menu/menu_items/menu_item_action.tsx
@@ -17,7 +17,7 @@ type Props = {
     disabled?: boolean;
     sibling?: React.ReactNode;
     iconClassName?: string;
-}
+};
 export const MenuItemActionImpl = ({
     onClick,
     text,
diff --git a/webapp/channels/src/components/widgets/menu/menu_items/menu_item_cloud_limit.tsx b/webapp/channels/src/components/widgets/menu/menu_items/menu_item_cloud_limit.tsx
index 7434804bf00..581325232af 100644
--- a/webapp/channels/src/components/widgets/menu/menu_items/menu_item_cloud_limit.tsx
+++ b/webapp/channels/src/components/widgets/menu/menu_items/menu_item_cloud_limit.tsx
@@ -26,7 +26,7 @@ import './menu_item.scss';
 
 type Props = {
     id: string;
-}
+};
 
 const MenuItemCloudLimit = ({id}: Props) => {
     const dispatch = useDispatch();
diff --git a/webapp/channels/src/components/widgets/menu/menu_items/menu_item_external_link.tsx b/webapp/channels/src/components/widgets/menu/menu_items/menu_item_external_link.tsx
index 02531acdf55..f6062c93528 100644
--- a/webapp/channels/src/components/widgets/menu/menu_items/menu_item_external_link.tsx
+++ b/webapp/channels/src/components/widgets/menu/menu_items/menu_item_external_link.tsx
@@ -12,7 +12,7 @@ type Props = {
     text: React.ReactNode;
     onClick?: (event: React.MouseEvent<HTMLElement>) => void;
     iconClassName?: string;
-}
+};
 export const MenuItemExternalLinkImpl: React.FC<Props> = ({url, text, iconClassName, onClick}: Props) => (
     <ExternalLink
         href={url}
diff --git a/webapp/channels/src/components/widgets/menu/menu_items/menu_item_link.tsx b/webapp/channels/src/components/widgets/menu/menu_items/menu_item_link.tsx
index 805d1fcf3bc..f9c584b91bb 100644
--- a/webapp/channels/src/components/widgets/menu/menu_items/menu_item_link.tsx
+++ b/webapp/channels/src/components/widgets/menu/menu_items/menu_item_link.tsx
@@ -13,7 +13,7 @@ type Props = {
     className?: string;
     disabled?: boolean;
     sibling?: React.ReactNode;
-}
+};
 
 export const MenuItemLinkImpl = ({to, text, className, disabled, sibling}: Props) => (
     <>
diff --git a/webapp/channels/src/components/widgets/menu/menu_items/menu_item_toggle_modal_redux.tsx b/webapp/channels/src/components/widgets/menu/menu_items/menu_item_toggle_modal_redux.tsx
index 908441c0d2f..89fae978371 100644
--- a/webapp/channels/src/components/widgets/menu/menu_items/menu_item_toggle_modal_redux.tsx
+++ b/webapp/channels/src/components/widgets/menu/menu_items/menu_item_toggle_modal_redux.tsx
@@ -21,7 +21,7 @@ type Props = {
     showUnread?: boolean;
     disabled?: boolean;
     onClick?: () => void;
-}
+};
 
 export const MenuItemToggleModalReduxImpl: React.FC<Props> = ({modalId, dialogType, dialogProps, text, ariaLabel, extraText, children, className, sibling, showUnread, disabled, onClick}: Props) => (
     <>
diff --git a/webapp/channels/src/components/widgets/menu/menu_items/menu_start_trial.tsx b/webapp/channels/src/components/widgets/menu/menu_items/menu_start_trial.tsx
index d193e5e202d..d48d51e4ca9 100644
--- a/webapp/channels/src/components/widgets/menu/menu_items/menu_start_trial.tsx
+++ b/webapp/channels/src/components/widgets/menu/menu_items/menu_start_trial.tsx
@@ -32,7 +32,7 @@ const FreeVersionBadge = styled.div`
 
 type Props = {
     id: string;
-}
+};
 
 const MenuStartTrial = (props: Props): JSX.Element | null => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/widgets/menu/menu_items/restricted_indicator.tsx b/webapp/channels/src/components/widgets/menu/menu_items/restricted_indicator.tsx
index c1ddb987728..31a686c4b00 100644
--- a/webapp/channels/src/components/widgets/menu/menu_items/restricted_indicator.tsx
+++ b/webapp/channels/src/components/widgets/menu/menu_items/restricted_indicator.tsx
@@ -33,7 +33,7 @@ type Props = {
     ctaExtraContent?: ReactNode;
     clickCallback?: () => void;
     customSecondaryButtonInModal?: {msg: string; action: () => void};
-}
+};
 
 function capitalizeFirstLetter(s: string) {
     return s?.charAt(0)?.toUpperCase() + s?.slice(1);
diff --git a/webapp/channels/src/components/widgets/menu/menu_items/submenu_item.tsx b/webapp/channels/src/components/widgets/menu/menu_items/submenu_item.tsx
index 2e955e63d9f..a30625eede4 100644
--- a/webapp/channels/src/components/widgets/menu/menu_items/submenu_item.tsx
+++ b/webapp/channels/src/components/widgets/menu/menu_items/submenu_item.tsx
@@ -56,15 +56,15 @@ export type Props = WrappedComponentProps & {
     direction?: 'left' | 'right';
     openUp?: boolean;
     styleSelectableItem?: boolean;
-    extraText?: string| JSX.Element;
+    extraText?: string | JSX.Element;
     rightDecorator?: React.ReactNode;
     isHeader?: boolean;
     tabIndex?: number;
-}
+};
 
 type State = {
     show: boolean;
-}
+};
 
 /**
  * @deprecated Use the "webapp/channels/src/components/menu" instead.
@@ -96,7 +96,7 @@ export class SubMenuItem extends React.PureComponent<Props, State> {
         this.setState({show: false});
     };
 
-    private onClick = (event: React.SyntheticEvent<HTMLElement>| React.BaseSyntheticEvent<HTMLElement>) => {
+    private onClick = (event: React.SyntheticEvent<HTMLElement> | React.BaseSyntheticEvent<HTMLElement>) => {
         event.preventDefault();
         const {id, postId, subMenu, action, root, isHeader} = this.props;
         const isMobile = isMobileViewHack();
diff --git a/webapp/channels/src/components/widgets/menu/menu_modals/submenu_modal/submenu_modal.tsx b/webapp/channels/src/components/widgets/menu/menu_modals/submenu_modal/submenu_modal.tsx
index fb3f79c4114..6acb8302bc4 100644
--- a/webapp/channels/src/components/widgets/menu/menu_modals/submenu_modal/submenu_modal.tsx
+++ b/webapp/channels/src/components/widgets/menu/menu_modals/submenu_modal/submenu_modal.tsx
@@ -14,7 +14,7 @@ import './submenu_modal.scss';
 type Props = {
     elements?: Array<React.ComponentProps<typeof SubMenuItem>>;
     onExited: () => void;
-}
+};
 
 const SubMenuModal = ({
     elements,
diff --git a/webapp/channels/src/components/widgets/menu/menu_wrapper.tsx b/webapp/channels/src/components/widgets/menu/menu_wrapper.tsx
index 5d44c40903f..ed8ab9acafb 100644
--- a/webapp/channels/src/components/widgets/menu/menu_wrapper.tsx
+++ b/webapp/channels/src/components/widgets/menu/menu_wrapper.tsx
@@ -28,11 +28,11 @@ type Props = {
     isDisabled?: boolean;
     stopPropagationOnToggle?: boolean;
     open?: boolean;
-}
+};
 
 type State = {
     open: boolean;
-}
+};
 
 /**
  * @deprecated Use the "webapp/channels/src/components/menu" instead.
diff --git a/webapp/channels/src/components/widgets/menu/menu_wrapper_animation.tsx b/webapp/channels/src/components/widgets/menu/menu_wrapper_animation.tsx
index 66d8fb442da..05ca9a48eb9 100644
--- a/webapp/channels/src/components/widgets/menu/menu_wrapper_animation.tsx
+++ b/webapp/channels/src/components/widgets/menu/menu_wrapper_animation.tsx
@@ -11,7 +11,7 @@ const ANIMATION_DURATION = 80;
 type Props = {
     children?: React.ReactNode;
     show: boolean;
-}
+};
 
 /**
  * @deprecated Use the "webapp/channels/src/components/menu" instead.
diff --git a/webapp/channels/src/components/widgets/modals/components/base_setting_item.tsx b/webapp/channels/src/components/widgets/modals/components/base_setting_item.tsx
index 2774edae511..8a5701c0419 100644
--- a/webapp/channels/src/components/widgets/modals/components/base_setting_item.tsx
+++ b/webapp/channels/src/components/widgets/modals/components/base_setting_item.tsx
@@ -27,7 +27,7 @@ type Props = BaseSettingItemProps & {
     isContentInline?: boolean;
     className?: string;
     descriptionAboveContent?: boolean;
-}
+};
 
 function BaseSettingItem({title, description, content, className, error, descriptionAboveContent = false, isContentInline = false, dataTestId}: Props): JSX.Element {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/widgets/modals/components/checkbox_setting_item.tsx b/webapp/channels/src/components/widgets/modals/components/checkbox_setting_item.tsx
index 515f33d0b85..9753e0f63c5 100644
--- a/webapp/channels/src/components/widgets/modals/components/checkbox_setting_item.tsx
+++ b/webapp/channels/src/components/widgets/modals/components/checkbox_setting_item.tsx
@@ -10,7 +10,7 @@ import BaseSettingItem from './base_setting_item';
 export type FieldsetCheckbox = {
     dataTestId?: string;
     name: string;
-}
+};
 
 type Props = BaseSettingItemProps & {
     inputFieldData: FieldsetCheckbox;
@@ -23,7 +23,7 @@ type Props = BaseSettingItemProps & {
     handleChange: (e: boolean) => void;
     className?: string;
     descriptionAboveContent?: boolean;
-}
+};
 
 export default function CheckboxSettingItem({
     title,
diff --git a/webapp/channels/src/components/widgets/modals/components/checkbox_with_select_item.tsx b/webapp/channels/src/components/widgets/modals/components/checkbox_with_select_item.tsx
index 5414f84f804..1a94aa02e9c 100644
--- a/webapp/channels/src/components/widgets/modals/components/checkbox_with_select_item.tsx
+++ b/webapp/channels/src/components/widgets/modals/components/checkbox_with_select_item.tsx
@@ -24,7 +24,7 @@ type Props = BaseSettingItemProps & {
     handleSelectChange: (selected: OnChangeValue<SelectOption, boolean>) => void;
     isSelectDisabled?: boolean;
     selectPlaceholder?: string;
-}
+};
 
 export default function CheckboxWithSelectSettingItem({
     title,
diff --git a/webapp/channels/src/components/widgets/modals/components/modal_header.tsx b/webapp/channels/src/components/widgets/modals/components/modal_header.tsx
index 7e4ad1c84a5..663ea2f0237 100644
--- a/webapp/channels/src/components/widgets/modals/components/modal_header.tsx
+++ b/webapp/channels/src/components/widgets/modals/components/modal_header.tsx
@@ -10,7 +10,7 @@ type Props = {
     title: string;
     subtitle: string;
     handleClose?: (e: React.MouseEvent) => void;
-}
+};
 
 function ModalHeader({id, title, subtitle, handleClose}: Props) {
     const intl = useIntl();
diff --git a/webapp/channels/src/components/widgets/modals/components/modal_sidebar.tsx b/webapp/channels/src/components/widgets/modals/components/modal_sidebar.tsx
index 3ef9eb59e36..13a0302d7cc 100644
--- a/webapp/channels/src/components/widgets/modals/components/modal_sidebar.tsx
+++ b/webapp/channels/src/components/widgets/modals/components/modal_sidebar.tsx
@@ -8,13 +8,13 @@ export type Tab = {
     icon: JSX.Element;
     name: string;
     uiName: string;
-}
+};
 
 export type Props = {
     activeTab?: string;
     tabs: Tab[];
     updateTab: (name: string) => void;
-}
+};
 
 function ModalSidebar({tabs, activeTab, updateTab}: Props) {
     const handleClick = (tab: Tab, e: React.MouseEvent) => {
diff --git a/webapp/channels/src/components/widgets/modals/components/radio_setting_item.tsx b/webapp/channels/src/components/widgets/modals/components/radio_setting_item.tsx
index 9f578b1ff73..ed8fb16b80a 100644
--- a/webapp/channels/src/components/widgets/modals/components/radio_setting_item.tsx
+++ b/webapp/channels/src/components/widgets/modals/components/radio_setting_item.tsx
@@ -15,14 +15,14 @@ export type FieldsetRadio = {
         key: string;
         value: string;
     }>;
-}
+};
 
 type Props = BaseSettingItemProps & {
     className?: string;
     inputFieldData: FieldsetRadio;
     inputFieldValue: string;
     handleChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-}
+};
 
 function RadioSettingItem({
     title,
diff --git a/webapp/channels/src/components/widgets/modals/components/react_select_item.tsx b/webapp/channels/src/components/widgets/modals/components/react_select_item.tsx
index 64809a7bbb3..13f2d1acabe 100644
--- a/webapp/channels/src/components/widgets/modals/components/react_select_item.tsx
+++ b/webapp/channels/src/components/widgets/modals/components/react_select_item.tsx
@@ -25,13 +25,13 @@ export type FieldsetReactSelect = {
     ariaLabelledby?: string;
     clearable?: boolean;
     options: SelectOption[];
-}
+};
 
 type Props = BaseSettingItemProps & {
     inputFieldData: FieldsetReactSelect;
     inputFieldValue: SelectOption;
     handleChange: (selected: OnChangeValue<SelectOption, boolean>) => void;
-}
+};
 
 // Function to extract text from MessageDescriptor or return string as-is
 export const getOptionLabel = (option: SelectOption, intl: ReturnType<typeof useIntl>): string => {
diff --git a/webapp/channels/src/components/widgets/modals/components/save_changes_panel.tsx b/webapp/channels/src/components/widgets/modals/components/save_changes_panel.tsx
index ba123e57060..375eab066df 100644
--- a/webapp/channels/src/components/widgets/modals/components/save_changes_panel.tsx
+++ b/webapp/channels/src/components/widgets/modals/components/save_changes_panel.tsx
@@ -24,7 +24,7 @@ type Props = {
     customSavedMessage?: string;
     saveButtonText?: React.ReactNode;
     cancelButtonText?: React.ReactNode;
-}
+};
 function SaveChangesPanel({
     handleSubmit,
     handleCancel,
diff --git a/webapp/channels/src/components/widgets/settings/bool_setting.tsx b/webapp/channels/src/components/widgets/settings/bool_setting.tsx
index 224461a2e06..8ad7370e220 100644
--- a/webapp/channels/src/components/widgets/settings/bool_setting.tsx
+++ b/webapp/channels/src/components/widgets/settings/bool_setting.tsx
@@ -17,7 +17,7 @@ type Props = {
     inputClassName?: string;
     onChange(name: string, value: any): void; // value is any since onChange is a common func for inputs and checkboxes
     autoFocus?: boolean;
-}
+};
 
 const BoolSetting = ({
     id,
diff --git a/webapp/channels/src/components/widgets/settings/radio_setting.tsx b/webapp/channels/src/components/widgets/settings/radio_setting.tsx
index b193586022f..eaabbc7dc28 100644
--- a/webapp/channels/src/components/widgets/settings/radio_setting.tsx
+++ b/webapp/channels/src/components/widgets/settings/radio_setting.tsx
@@ -16,7 +16,7 @@ type Props = {
     inputClassName?: string;
     helpText?: React.ReactNode;
 
-}
+};
 
 const RadioSetting = ({
     labelClassName = '',
diff --git a/webapp/channels/src/components/widgets/settings/setting.tsx b/webapp/channels/src/components/widgets/settings/setting.tsx
index 903e03a4758..d8f79b4eae9 100644
--- a/webapp/channels/src/components/widgets/settings/setting.tsx
+++ b/webapp/channels/src/components/widgets/settings/setting.tsx
@@ -11,7 +11,7 @@ type Props = {
     children: React.ReactNode;
     helpText?: React.ReactNode;
     footer?: React.ReactNode;
-}
+};
 
 const Setting: React.FC<Props> = ({
     inputId,
diff --git a/webapp/channels/src/components/widgets/settings/text_setting.tsx b/webapp/channels/src/components/widgets/settings/text_setting.tsx
index e93f3be7d53..ecf76d7be05 100644
--- a/webapp/channels/src/components/widgets/settings/text_setting.tsx
+++ b/webapp/channels/src/components/widgets/settings/text_setting.tsx
@@ -27,7 +27,7 @@ export type Props = {
     type?: InputTypes;
     autoFocus?: boolean;
     multiple?: boolean;
-}
+};
 
 function TextSetting(props: Props) {
     const {labelClassName = '', inputClassName = '', maxLength = -1, resizable = true, type = 'text'} = props;
diff --git a/webapp/channels/src/components/widgets/smart_loader/index.tsx b/webapp/channels/src/components/widgets/smart_loader/index.tsx
index a659ff220f4..2c71a9eeed2 100644
--- a/webapp/channels/src/components/widgets/smart_loader/index.tsx
+++ b/webapp/channels/src/components/widgets/smart_loader/index.tsx
@@ -10,7 +10,7 @@ type Props = {
     children: ReactNode;
     className?: string;
     onLoaded: () => void;
-}
+};
 
 const SmartLoader = ({loading, children, className, onLoaded}: Props) => {
     const [timeoutFinished, setTimeoutFinished] = useState(false);
diff --git a/webapp/channels/src/components/widgets/tag/agent_tag.tsx b/webapp/channels/src/components/widgets/tag/agent_tag.tsx
index 16381b7f7c0..be0ef72a9d0 100644
--- a/webapp/channels/src/components/widgets/tag/agent_tag.tsx
+++ b/webapp/channels/src/components/widgets/tag/agent_tag.tsx
@@ -11,7 +11,7 @@ import type {TagSize} from './tag';
 type Props = {
     className?: string;
     size?: TagSize;
-}
+};
 
 const AgentTag = ({className = '', size = 'xs'}: Props) => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/widgets/tag/beta_tag.tsx b/webapp/channels/src/components/widgets/tag/beta_tag.tsx
index f61f95cf5a7..8cdbbf867b0 100644
--- a/webapp/channels/src/components/widgets/tag/beta_tag.tsx
+++ b/webapp/channels/src/components/widgets/tag/beta_tag.tsx
@@ -12,7 +12,7 @@ type Props = {
     className?: string;
     size?: TagSize;
     variant?: TagVariant;
-}
+};
 
 const BetaTag = ({className = '', size = 'xs', variant = 'info'}: Props) => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/widgets/tag/bot_tag.tsx b/webapp/channels/src/components/widgets/tag/bot_tag.tsx
index f5bab4f2fcd..bbd60e6d378 100644
--- a/webapp/channels/src/components/widgets/tag/bot_tag.tsx
+++ b/webapp/channels/src/components/widgets/tag/bot_tag.tsx
@@ -11,7 +11,7 @@ import type {TagSize} from './tag';
 type Props = {
     className?: string;
     size?: TagSize;
-}
+};
 
 const BotTag = ({className = '', size = 'xs'}: Props) => {
     const {formatMessage} = useIntl();
diff --git a/webapp/channels/src/components/widgets/tag/tag.tsx b/webapp/channels/src/components/widgets/tag/tag.tsx
index 7310d4187d7..cdedf4b7c12 100644
--- a/webapp/channels/src/components/widgets/tag/tag.tsx
+++ b/webapp/channels/src/components/widgets/tag/tag.tsx
@@ -11,7 +11,7 @@ import type {IconGlyphTypes} from '@mattermost/compass-icons/IconGlyphs';
 
 export type TagVariant = 'info' | 'success' | 'warning' | 'danger' | 'dangerDim' | 'default';
 
-export type TagSize = 'xs' | 'sm' | 'md' | 'lg'
+export type TagSize = 'xs' | 'sm' | 'md' | 'lg';
 
 type Props = {
     text: React.ReactNode;
diff --git a/webapp/channels/src/components/with_error_boundary/index.tsx b/webapp/channels/src/components/with_error_boundary/index.tsx
index d0aad13951e..548c56d0e1e 100644
--- a/webapp/channels/src/components/with_error_boundary/index.tsx
+++ b/webapp/channels/src/components/with_error_boundary/index.tsx
@@ -5,7 +5,7 @@ import React from 'react';
 
 type ErrorBoundaryState = {
     hasError: boolean;
-}
+};
 
 export type FallbackProps = {
     clearError: (e: React.MouseEvent) => void;
diff --git a/webapp/channels/src/components/youtube_video/index.ts b/webapp/channels/src/components/youtube_video/index.ts
index 69d7c4d72e7..4c67b66a07d 100644
--- a/webapp/channels/src/components/youtube_video/index.ts
+++ b/webapp/channels/src/components/youtube_video/index.ts
@@ -14,7 +14,7 @@ import YoutubeVideo from './youtube_video';
 type OwnProps = {
     postId: string;
     link: string;
-}
+};
 
 function mapStateToProps(state: GlobalState, ownProps: OwnProps) {
     const config = getConfig(state);
diff --git a/webapp/channels/src/components/youtube_video/youtube_video.tsx b/webapp/channels/src/components/youtube_video/youtube_video.tsx
index 5d0ae0585d5..e1085723511 100644
--- a/webapp/channels/src/components/youtube_video/youtube_video.tsx
+++ b/webapp/channels/src/components/youtube_video/youtube_video.tsx
@@ -16,13 +16,13 @@ type Props = {
     show: boolean;
     metadata?: OpenGraphMetadata;
     youtubeReferrerPolicy?: boolean;
-}
+};
 
 type State = {
     playing: boolean;
     useMaxResThumbnail: boolean;
     prevLink: string;
-}
+};
 
 type YouTubeThumbnailProps = {
     play: () => void;
diff --git a/webapp/channels/src/hooks/useChannelAccessControlActions.ts b/webapp/channels/src/hooks/useChannelAccessControlActions.ts
index eeb7a43cecb..10bcbc2c2d3 100644
--- a/webapp/channels/src/hooks/useChannelAccessControlActions.ts
+++ b/webapp/channels/src/hooks/useChannelAccessControlActions.ts
@@ -33,7 +33,7 @@ export interface ChannelAccessControlActions {
     saveChannelPolicy: (policy: AccessControlPolicy) => Promise<ActionResult<AccessControlPolicy>>;
     deleteChannelPolicy: (policyId: string) => Promise<ActionResult>;
     getChannelMembers: (channelId: string, page?: number, perPage?: number) => Promise<ActionResult<ChannelMembership[]>>;
-    createJob: (job: JobTypeBase & { data: any }) => Promise<ActionResult>;
+    createJob: (job: JobTypeBase & {data: any}) => Promise<ActionResult>;
     updateAccessControlPoliciesActive: (statuses: AccessControlPolicyActiveUpdate[]) => Promise<ActionResult>;
     validateExpressionAgainstRequester: (expression: string) => Promise<ActionResult<{requester_matches: boolean}>>;
     createAccessControlSyncJob: (jobData: {policy_id?: string; team_id?: string}) => Promise<ActionResult>;
@@ -85,7 +85,7 @@ export const useChannelAccessControlActions = (channelId?: string, teamId?: stri
             return dispatch(getChannelMembers(channelId, page, perPage));
         },
 
-        createJob: (job: JobTypeBase & { data: any }) => {
+        createJob: (job: JobTypeBase & {data: any}) => {
             return dispatch(createJob(job));
         },
 
diff --git a/webapp/channels/src/packages/mattermost-redux/src/actions/content_flagging.ts b/webapp/channels/src/packages/mattermost-redux/src/actions/content_flagging.ts
index 4e4728ef1a8..8b30309b6f0 100644
--- a/webapp/channels/src/packages/mattermost-redux/src/actions/content_flagging.ts
+++ b/webapp/channels/src/packages/mattermost-redux/src/actions/content_flagging.ts
@@ -17,12 +17,12 @@ import {DelayedDataLoader} from 'mattermost-redux/utils/data_loader';
 export type ContentFlaggingChannelRequestIdentifier = {
     channelId?: string;
     flaggedPostId?: string;
-}
+};
 
 export type ContentFlaggingTeamRequestIdentifier = {
     teamId?: string;
     flaggedPostId?: string;
-}
+};
 
 function channelComparator(a: ContentFlaggingChannelRequestIdentifier, b: ContentFlaggingChannelRequestIdentifier) {
     return a.channelId === b.channelId;
diff --git a/webapp/channels/src/packages/mattermost-redux/src/actions/helpers.ts b/webapp/channels/src/packages/mattermost-redux/src/actions/helpers.ts
index b02af7594a7..7e9640524b2 100644
--- a/webapp/channels/src/packages/mattermost-redux/src/actions/helpers.ts
+++ b/webapp/channels/src/packages/mattermost-redux/src/actions/helpers.ts
@@ -115,7 +115,7 @@ export function bindClientFunc<Func extends(...args: any[]) => Promise<any>>({
 // Debounce function based on underscores modified to use es6 and a cb
 
 export function debounce(func: (...args: any) => unknown, wait: number, immediate?: boolean, cb?: () => unknown) {
-    let timeout: NodeJS.Timeout|null;
+    let timeout: NodeJS.Timeout | null;
     return function fx(...args: any[]) {
         const runLater = () => {
             timeout = null;
diff --git a/webapp/channels/src/packages/mattermost-redux/src/actions/jobs.ts b/webapp/channels/src/packages/mattermost-redux/src/actions/jobs.ts
index 9c7aa3585c7..021c976218d 100644
--- a/webapp/channels/src/packages/mattermost-redux/src/actions/jobs.ts
+++ b/webapp/channels/src/packages/mattermost-redux/src/actions/jobs.ts
@@ -10,7 +10,7 @@ import {bindClientFunc} from './helpers';
 
 import {General} from '../constants';
 
-export function createJob(job: JobTypeBase & { data?: any }) {
+export function createJob(job: JobTypeBase & {data?: any}) {
     return bindClientFunc({
         clientFunc: Client4.createJob,
         onSuccess: JobTypes.RECEIVED_JOB,
diff --git a/webapp/channels/src/packages/mattermost-redux/src/actions/posts.ts b/webapp/channels/src/packages/mattermost-redux/src/actions/posts.ts
index 01058d48ce2..2678e283d2c 100644
--- a/webapp/channels/src/packages/mattermost-redux/src/actions/posts.ts
+++ b/webapp/channels/src/packages/mattermost-redux/src/actions/posts.ts
@@ -174,7 +174,7 @@ export type CreatePostReturnType = {
     created?: boolean;
     pending?: string;
     error?: string;
-}
+};
 
 export function createPost(
     post: Post,
@@ -525,7 +525,7 @@ export function unpinPost(postId: string): ActionFuncAsync {
 export type SubmitReactionReturnType = {
     reaction?: Reaction;
     removedReaction?: boolean;
-}
+};
 
 export function addReaction(postId: string, emojiName: string): ActionFuncAsync<SubmitReactionReturnType> {
     return async (dispatch, getState) => {
@@ -942,7 +942,7 @@ export function getPostThreads(posts: Post[], fetchThreads = true): ThunkActionF
 }
 
 // Note that getMentionsAndStatusesForPosts can take either an array of posts or a map of ids to posts
-export async function getMentionsAndStatusesForPosts(postsArrayOrMap: Post[]|PostList['posts'], dispatch: DispatchFunc, getState: GetStateFunc) {
+export async function getMentionsAndStatusesForPosts(postsArrayOrMap: Post[] | PostList['posts'], dispatch: DispatchFunc, getState: GetStateFunc) {
     if (!postsArrayOrMap) {
         // Some API methods return {error} for no results
         return Promise.resolve();
@@ -1153,7 +1153,7 @@ export function getNeededAtMentionedUsernamesAndGroups(state: GlobalState, posts
     return usernamesAndGroupsToLoad;
 }
 
-export type ExtendedPost = Post & { system_post_ids?: string[] };
+export type ExtendedPost = Post & {system_post_ids?: string[]};
 
 export function removePost(post: ExtendedPost): ActionFunc<boolean> {
     return (dispatch, getState) => {
diff --git a/webapp/channels/src/packages/mattermost-redux/src/actions/status_profile_polling.ts b/webapp/channels/src/packages/mattermost-redux/src/actions/status_profile_polling.ts
index 660ad4eca14..b4fb59bdc1c 100644
--- a/webapp/channels/src/packages/mattermost-redux/src/actions/status_profile_polling.ts
+++ b/webapp/channels/src/packages/mattermost-redux/src/actions/status_profile_polling.ts
@@ -177,7 +177,7 @@ export function extractUserIdsAndMentionsFromPosts(posts: Post[]): ActionFunc<Us
  * Gets in batch the user profiles, user statuses and user groups for the users in the posts list
  * This action however doesn't refetch the profiles and statuses except for groups if they are already fetched once
  */
-export function batchFetchStatusesProfilesGroupsFromPosts(postsArrayOrMap: Post[]|PostList['posts']|Post): ActionFunc<boolean> {
+export function batchFetchStatusesProfilesGroupsFromPosts(postsArrayOrMap: Post[] | PostList['posts'] | Post): ActionFunc<boolean> {
     return (dispatch, getState) => {
         if (!postsArrayOrMap) {
             return {data: false};
diff --git a/webapp/channels/src/packages/mattermost-redux/src/actions/teams.ts b/webapp/channels/src/packages/mattermost-redux/src/actions/teams.ts
index 74bbd1cb88e..cea7b4e54c5 100644
--- a/webapp/channels/src/packages/mattermost-redux/src/actions/teams.ts
+++ b/webapp/channels/src/packages/mattermost-redux/src/actions/teams.ts
@@ -44,7 +44,7 @@ async function getProfilesAndStatusesForMembers(userIds: string[], dispatch: Dis
             statusesToLoad.push(userId);
         }
     });
-    const requests: Array<Promise<ActionResult|ActionResult[]>> = [];
+    const requests: Array<Promise<ActionResult | ActionResult[]>> = [];
 
     if (profilesToLoad.length) {
         requests.push(dispatch(getProfilesByIds(profilesToLoad)));
diff --git a/webapp/channels/src/packages/mattermost-redux/src/actions/threads.ts b/webapp/channels/src/packages/mattermost-redux/src/actions/threads.ts
index db7c965056b..2412efd310b 100644
--- a/webapp/channels/src/packages/mattermost-redux/src/actions/threads.ts
+++ b/webapp/channels/src/packages/mattermost-redux/src/actions/threads.ts
@@ -25,7 +25,7 @@ import {forceLogoutIfNecessary} from './helpers';
 import {getPostThread} from './posts';
 import {getMyTeamUnreads} from './teams';
 
-type ExtendedPost = Post & { system_post_ids?: string[] };
+type ExtendedPost = Post & {system_post_ids?: string[]};
 
 export function fetchThreads(userId: string, teamId: string, {before = '', after = '', perPage = ThreadConstants.THREADS_CHUNK_SIZE, unread = false, totalsOnly = false, threadsOnly = false, extended = false, since = 0} = {}): ActionFuncAsync<UserThreadList> {
     return async (dispatch, getState) => {
diff --git a/webapp/channels/src/packages/mattermost-redux/src/constants/apps.ts b/webapp/channels/src/packages/mattermost-redux/src/constants/apps.ts
index e86fc2eb7be..01e0971d610 100644
--- a/webapp/channels/src/packages/mattermost-redux/src/constants/apps.ts
+++ b/webapp/channels/src/packages/mattermost-redux/src/constants/apps.ts
@@ -16,7 +16,7 @@ export const AppBindingPresentations = {
     MODAL: 'modal',
 };
 
-export const AppCallResponseTypes: { [name: string]: AppCallResponseType } = {
+export const AppCallResponseTypes: {[name: string]: AppCallResponseType} = {
     OK: 'ok',
     ERROR: 'error',
     FORM: 'form',
@@ -24,14 +24,14 @@ export const AppCallResponseTypes: { [name: string]: AppCallResponseType } = {
     NAVIGATE: 'navigate',
 };
 
-export const AppExpandLevels: { [name: string]: AppExpandLevel } = {
+export const AppExpandLevels: {[name: string]: AppExpandLevel} = {
     EXPAND_DEFAULT: '',
     EXPAND_NONE: 'none',
     EXPAND_ALL: 'all',
     EXPAND_SUMMARY: 'summary',
 };
 
-export const AppFieldTypes: { [name: string]: AppFieldType } = {
+export const AppFieldTypes: {[name: string]: AppFieldType} = {
     TEXT: 'text',
     STATIC_SELECT: 'static_select',
     DYNAMIC_SELECT: 'dynamic_select',
diff --git a/webapp/channels/src/packages/mattermost-redux/src/reducers/entities/general.test.ts b/webapp/channels/src/packages/mattermost-redux/src/reducers/entities/general.test.ts
index a3ccb7409d7..c3b94187730 100644
--- a/webapp/channels/src/packages/mattermost-redux/src/reducers/entities/general.test.ts
+++ b/webapp/channels/src/packages/mattermost-redux/src/reducers/entities/general.test.ts
@@ -4,7 +4,7 @@
 import {GeneralTypes} from 'mattermost-redux/action_types';
 import reducer from 'mattermost-redux/reducers/entities/general';
 
-type ReducerState = ReturnType<typeof reducer>
+type ReducerState = ReturnType<typeof reducer>;
 
 describe('reducers.entities.general', () => {
     describe('firstAdminVisitMarketplaceStatus', () => {
diff --git a/webapp/channels/src/packages/mattermost-redux/src/reducers/entities/threads/types.ts b/webapp/channels/src/packages/mattermost-redux/src/reducers/entities/threads/types.ts
index 1622fa43a0f..8ff50f7a27a 100644
--- a/webapp/channels/src/packages/mattermost-redux/src/reducers/entities/threads/types.ts
+++ b/webapp/channels/src/packages/mattermost-redux/src/reducers/entities/threads/types.ts
@@ -6,4 +6,4 @@ import type {UserThread, ThreadsState} from '@mattermost/types/threads';
 export type ExtraData = {
     threadsToDelete?: UserThread[];
     threads: ThreadsState['threads'];
-}
+};
diff --git a/webapp/channels/src/packages/mattermost-redux/src/selectors/create_selector/index.d.ts b/webapp/channels/src/packages/mattermost-redux/src/selectors/create_selector/index.d.ts
index 37221658322..0ee93ce0b42 100644
--- a/webapp/channels/src/packages/mattermost-redux/src/selectors/create_selector/index.d.ts
+++ b/webapp/channels/src/packages/mattermost-redux/src/selectors/create_selector/index.d.ts
@@ -11,7 +11,7 @@ export type OutputSelector<S, R, C> = Selector<S, R> & {
     resultFunc: C;
     recomputations: () => number;
     resetRecomputations: () => number;
-}
+};
 
 export type ParametricSelector<S, P, R> = (state: S, props: P, ...args: any[]) => R;
 
@@ -19,7 +19,7 @@ export type OutputParametricSelector<S, P, R, C> = ParametricSelector<S, P, R> &
     resultFunc: C;
     recomputations: () => number;
     resetRecomputations: () => number;
-}
+};
 
 /* homogeneous selector parameter types */
 
diff --git a/webapp/channels/src/packages/mattermost-redux/src/selectors/entities/channels.ts b/webapp/channels/src/packages/mattermost-redux/src/selectors/entities/channels.ts
index 5939ae59560..f98c78361d6 100644
--- a/webapp/channels/src/packages/mattermost-redux/src/selectors/entities/channels.ts
+++ b/webapp/channels/src/packages/mattermost-redux/src/selectors/entities/channels.ts
@@ -597,7 +597,7 @@ export const getMembersInCurrentChannel: (state: GlobalState) => Record<string,
  * A scalar encoding or primitive-value representation of
  */
 export type BasicUnreadStatus = boolean | number;
-export type BasicUnreadMeta = {isUnread: boolean; unreadMentionCount: number}
+export type BasicUnreadMeta = {isUnread: boolean; unreadMentionCount: number};
 
 export function basicUnreadMeta(unreadStatus: BasicUnreadStatus): BasicUnreadMeta {
     return {
diff --git a/webapp/channels/src/packages/mattermost-redux/src/selectors/entities/posts.ts b/webapp/channels/src/packages/mattermost-redux/src/selectors/entities/posts.ts
index 11daafb72eb..ca646c59527 100644
--- a/webapp/channels/src/packages/mattermost-redux/src/selectors/entities/posts.ts
+++ b/webapp/channels/src/packages/mattermost-redux/src/selectors/entities/posts.ts
@@ -45,7 +45,7 @@ export function getAllPosts(state: GlobalState) {
 export type UserActivityPost = Post & {
     system_post_ids: string[];
     user_activity_posts: Post[];
-}
+};
 
 export function getPost(state: GlobalState, postId: Post['id']): Post {
     return getAllPosts(state)[postId];
@@ -125,7 +125,7 @@ export function makeGetPostIdsForThread(): (state: GlobalState, postId: Post['id
     );
 }
 
-export function makeGetPostsChunkAroundPost(): (state: GlobalState, postId: Post['id'], channelId: Channel['id']) => PostOrderBlock| null | undefined {
+export function makeGetPostsChunkAroundPost(): (state: GlobalState, postId: Post['id'], channelId: Channel['id']) => PostOrderBlock | null | undefined {
     return createIdsSelector(
         'makeGetPostsChunkAroundPost',
         (state: GlobalState, postId: string, channelId: string) => state.entities.posts.postsInChannel[channelId],
@@ -352,7 +352,7 @@ export function getSearchMatches(state: GlobalState): {
     return state.entities.search.matches;
 }
 
-export function makeGetMessageInHistoryItem(type: 'post'|'comment'): (state: GlobalState) => string {
+export function makeGetMessageInHistoryItem(type: 'post' | 'comment'): (state: GlobalState) => string {
     return createSelector(
         'makeGetMessageInHistoryItem',
         (state: GlobalState) => state.entities.posts.messagesHistory,
diff --git a/webapp/channels/src/packages/mattermost-redux/src/selectors/entities/preferences.ts b/webapp/channels/src/packages/mattermost-redux/src/selectors/entities/preferences.ts
index c0c197a88b3..04db7fb4d7f 100644
--- a/webapp/channels/src/packages/mattermost-redux/src/selectors/entities/preferences.ts
+++ b/webapp/channels/src/packages/mattermost-redux/src/selectors/entities/preferences.ts
@@ -12,7 +12,7 @@ import {createIdsSelector, createShallowSelector} from 'mattermost-redux/utils/h
 import {getPreferenceKey} from 'mattermost-redux/utils/preference_utils';
 import {setThemeDefaults} from 'mattermost-redux/utils/theme_utils';
 
-export function getMyPreferences(state: GlobalState): { [x: string]: PreferenceType } {
+export function getMyPreferences(state: GlobalState): {[x: string]: PreferenceType} {
     return state.entities.preferences.myPreferences;
 }
 
diff --git a/webapp/channels/src/packages/mattermost-redux/src/selectors/entities/scheduled_posts.ts b/webapp/channels/src/packages/mattermost-redux/src/selectors/entities/scheduled_posts.ts
index cb036246ee2..760c2d4bb55 100644
--- a/webapp/channels/src/packages/mattermost-redux/src/selectors/entities/scheduled_posts.ts
+++ b/webapp/channels/src/packages/mattermost-redux/src/selectors/entities/scheduled_posts.ts
@@ -13,7 +13,7 @@ const emptyList: string[] = [];
 export type ChannelScheduledPostIndicatorData = {
     scheduledPost?: ScheduledPost;
     count: number;
-}
+};
 
 export function makeGetScheduledPostsByTeam(): (state: GlobalState, teamId: string, includeDirectChannels: boolean) => ScheduledPost[] {
     return createSelector(
diff --git a/webapp/channels/src/packages/mattermost-redux/src/selectors/entities/users.ts b/webapp/channels/src/packages/mattermost-redux/src/selectors/entities/users.ts
index 319cac0ac9a..d453a0073ce 100644
--- a/webapp/channels/src/packages/mattermost-redux/src/selectors/entities/users.ts
+++ b/webapp/channels/src/packages/mattermost-redux/src/selectors/entities/users.ts
@@ -198,7 +198,7 @@ export const getCurrentUserRoles: (_: GlobalState) => UserProfile['roles'] = cre
 export type UserMentionKey = {
     key: string;
     caseSensitive?: boolean;
-}
+};
 
 export const getCurrentUserMentionKeys: (state: GlobalState) => UserMentionKey[] = createSelector(
     'getCurrentUserMentionKeys',
@@ -237,7 +237,7 @@ export const getCurrentUserMentionKeys: (state: GlobalState) => UserMentionKey[]
 
 export type HighlightWithoutNotificationKey = {
     key: string;
-}
+};
 
 export const getHighlightWithoutNotificationKeys: (state: GlobalState) => HighlightWithoutNotificationKey[] = createSelector(
     'getHighlightWithoutNotificationKeys',
@@ -662,11 +662,11 @@ export function makeGetProfilesNotInChannel(): (state: GlobalState, channelId: C
 }
 
 export function makeGetProfilesByIdsAndUsernames(): (
-    state: GlobalState,
-    props: {
-        allUserIds?: Array<UserProfile['id']>;
-        allUsernames?: Array<UserProfile['username']>;
-    }
+state: GlobalState,
+props: {
+    allUserIds?: Array<UserProfile['id']>;
+    allUsernames?: Array<UserProfile['username']>;
+}
 ) => UserProfile[] {
     return createSelector(
         'makeGetProfilesByIdsAndUsernames',
diff --git a/webapp/channels/src/packages/mattermost-redux/src/types/actions.ts b/webapp/channels/src/packages/mattermost-redux/src/types/actions.ts
index 94ced305a9b..1e6323a0166 100644
--- a/webapp/channels/src/packages/mattermost-redux/src/types/actions.ts
+++ b/webapp/channels/src/packages/mattermost-redux/src/types/actions.ts
@@ -34,7 +34,7 @@ export type ActionResult<Data = any, Error = any> = {
 export type ActionFunc<
     Data = unknown,
     State extends GlobalState = GlobalState,
-    TAction extends Action = MMReduxAction
+    TAction extends Action = MMReduxAction,
 > = ThunkAction<ActionResult<Data>, State, unknown, TAction>;
 
 /**
@@ -44,7 +44,7 @@ export type ActionFunc<
 export type ActionFuncAsync<
     Data = unknown,
     State extends GlobalState = GlobalState,
-    TAction extends Action = MMReduxAction
+    TAction extends Action = MMReduxAction,
 > = ThunkAction<Promise<ActionResult<Data>>, State, unknown, TAction>;
 
 /**
@@ -56,5 +56,5 @@ export type ActionFuncAsync<
 export type ThunkActionFunc<
     ReturnType,
     State extends GlobalState = GlobalState,
-    TAction extends Action = MMReduxAction
+    TAction extends Action = MMReduxAction,
 > = ThunkAction<ReturnType, State, unknown, TAction>;
diff --git a/webapp/channels/src/packages/mattermost-redux/src/utils/helpers.ts b/webapp/channels/src/packages/mattermost-redux/src/utils/helpers.ts
index 4f97b4e0207..17063f3dd07 100644
--- a/webapp/channels/src/packages/mattermost-redux/src/utils/helpers.ts
+++ b/webapp/channels/src/packages/mattermost-redux/src/utils/helpers.ts
@@ -9,7 +9,7 @@ import {createSelectorCreator, defaultMemoize} from 'mattermost-redux/selectors/
 
 // eslint-disable-next-line @typescript-eslint/ban-types
 export function memoizeResult<F extends Function>(func: F, measure: Function | undefined = undefined): F {
-    let lastArgs: IArguments|null = null;
+    let lastArgs: IArguments | null = null;
     let lastResult: any = null;
 
     // we reference arguments instead of spreading them for performance reasons
@@ -93,8 +93,7 @@ export function generateId(): string {
         if (c === 'x') {
             v = r;
         } else {
-            // eslint-disable-next-line no-mixed-operators
-            v = r & 0x3 | 0x8;
+            v = (r & 0x3) | 0x8;
         }
 
         return v.toString(16);
diff --git a/webapp/channels/src/packages/mattermost-redux/src/utils/key_mirror.ts b/webapp/channels/src/packages/mattermost-redux/src/utils/key_mirror.ts
index 9fd31d20dce..78865f82b24 100644
--- a/webapp/channels/src/packages/mattermost-redux/src/utils/key_mirror.ts
+++ b/webapp/channels/src/packages/mattermost-redux/src/utils/key_mirror.ts
@@ -28,7 +28,7 @@
  * @param {object} obj
  * @return {object}
  */
-export default function keyMirror<T extends Record<string, unknown>>(obj: T): { [K in keyof T]: K } {
+export default function keyMirror<T extends Record<string, unknown>>(obj: T): {[K in keyof T]: K} {
     if (!(obj instanceof Object && !Array.isArray(obj))) {
         throw new Error('keyMirror(...): Argument must be an object.');
     }
diff --git a/webapp/channels/src/packages/mattermost-redux/src/utils/post_list.ts b/webapp/channels/src/packages/mattermost-redux/src/utils/post_list.ts
index 5b9c72deb43..b01adc882df 100644
--- a/webapp/channels/src/packages/mattermost-redux/src/utils/post_list.ts
+++ b/webapp/channels/src/packages/mattermost-redux/src/utils/post_list.ts
@@ -112,7 +112,7 @@ export function makeFilterPostsAndAddSeparators() {
     );
 }
 
-function pushPostDateIfNeeded(post: Post, currentUser: UserProfile, out: Array<Post|string>, lastDate?: Date) {
+function pushPostDateIfNeeded(post: Post, currentUser: UserProfile, out: Array<Post | string>, lastDate?: Date) {
     // Push on a date header if the last post was on a different day than the current one
     const postDate = new Date(post.create_at);
     const currentOffset = postDate.getTimezoneOffset() * 60 * 1000;
@@ -144,7 +144,7 @@ export function makeAddDateSeparatorsForSearchResults() {
                 return [];
             }
 
-            const out: Array<Post|string> = [];
+            const out: Array<Post | string> = [];
             let lastDate;
 
             for (const post of posts) {
@@ -491,7 +491,7 @@ export type MessageData = {
     actorId?: string;
     postType: string;
     userIds: string[];
-}
+};
 
 function isMessageData(v: unknown): v is MessageData {
     if (typeof v !== 'object' || !v) {
@@ -517,7 +517,7 @@ type UserActivityProp = {
     allUserIds: string[];
     allUsernames: string[];
     messageData: MessageData[];
-}
+};
 
 export function isUserActivityProp(v: unknown): v is UserActivityProp {
     if (typeof v !== 'object' || !v) {
diff --git a/webapp/channels/src/packages/mattermost-redux/src/utils/timezone_utils.ts b/webapp/channels/src/packages/mattermost-redux/src/utils/timezone_utils.ts
index 80d927224f1..6b969f144f3 100644
--- a/webapp/channels/src/packages/mattermost-redux/src/utils/timezone_utils.ts
+++ b/webapp/channels/src/packages/mattermost-redux/src/utils/timezone_utils.ts
@@ -50,6 +50,6 @@ export function getTimezoneLabel(timezones: Timezone[], timezone: string): strin
     return timezone;
 }
 
-export function getDateForTimezone(date: Date|string, tzString: string): Date {
+export function getDateForTimezone(date: Date | string, tzString: string): Date {
     return new Date((typeof date === 'string' ? new Date(date) : date).toLocaleString('en-US', {timeZone: tzString}));
 }
diff --git a/webapp/channels/src/plugins/call_button/call_button.tsx b/webapp/channels/src/plugins/call_button/call_button.tsx
index 3d4b1352d98..de290d14101 100644
--- a/webapp/channels/src/plugins/call_button/call_button.tsx
+++ b/webapp/channels/src/plugins/call_button/call_button.tsx
@@ -24,7 +24,7 @@ type Props = {
     channelMember?: ChannelMembership;
     pluginCallComponents: CallButtonAction[];
     sidebarOpen: boolean;
-}
+};
 
 export default function CallButton({pluginCallComponents, currentChannel, channelMember, sidebarOpen}: Props) {
     const [active, setActive] = useState(false);
diff --git a/webapp/channels/src/plugins/channel_header_plug/channel_header_plug.tsx b/webapp/channels/src/plugins/channel_header_plug/channel_header_plug.tsx
index 8e8009fdedc..b4812590f1e 100644
--- a/webapp/channels/src/plugins/channel_header_plug/channel_header_plug.tsx
+++ b/webapp/channels/src/plugins/channel_header_plug/channel_header_plug.tsx
@@ -33,7 +33,7 @@ type CustomMenuProps = {
     //  A bsRole prop is required by React Bootstrap's Dropdown
     // eslint-disable-next-line react/no-unused-prop-types
     bsRole: string;
-}
+};
 
 export const maxComponentsBeforeDropdown = 15;
 
@@ -74,7 +74,7 @@ type CustomToggleProps = {
     //  A bsRole prop is required by React Bootstrap's Dropdown
     // eslint-disable-next-line react/no-unused-prop-types
     bsRole: string;
-}
+};
 
 class CustomToggle extends React.PureComponent<CustomToggleProps> {
     handleClick = (e: React.MouseEvent) => {
@@ -118,11 +118,11 @@ type ChannelHeaderPlugProps = {
         postEphemeralCallResponseForChannel: PostEphemeralCallResponseForChannel;
         openAppsModal: OpenAppsModal;
     };
-}
+};
 
 type ChannelHeaderPlugState = {
     dropdownOpen: boolean;
-}
+};
 
 class ChannelHeaderPlug extends React.PureComponent<ChannelHeaderPlugProps, ChannelHeaderPlugState> {
     public static defaultProps: Partial<ChannelHeaderPlugProps> = {
diff --git a/webapp/channels/src/plugins/index.ts b/webapp/channels/src/plugins/index.ts
index 6eeb485c33a..2e1a4073cb8 100644
--- a/webapp/channels/src/plugins/index.ts
+++ b/webapp/channels/src/plugins/index.ts
@@ -127,7 +127,7 @@ export function getPlugins(): ActionFuncAsync<ClientPluginManifest[]> {
 }
 
 // loadedPlugins tracks which plugins have been added as script tags to the page
-const loadedPlugins: { [key: string]: PluginManifest } = {};
+const loadedPlugins: {[key: string]: PluginManifest} = {};
 
 // describePlugin takes a manifest and spits out a string suitable for console.log messages.
 const describePlugin = (manifest: PluginManifest): string => (
@@ -257,7 +257,7 @@ export async function loadPluginsIfNecessary(): Promise<void> {
         return;
     }
 
-    const oldManifests = store.getState().plugins.plugins as { [key: string]: PluginManifest };
+    const oldManifests = store.getState().plugins.plugins as {[key: string]: PluginManifest};
 
     const {error} = await store.dispatch(getPlugins());
     if (error) {
@@ -265,7 +265,7 @@ export async function loadPluginsIfNecessary(): Promise<void> {
         return;
     }
 
-    const newManifests = store.getState().plugins.plugins as { [key: string]: PluginManifest };
+    const newManifests = store.getState().plugins.plugins as {[key: string]: PluginManifest};
 
     // Get new plugins and update existing plugins if version changed
     Object.values(newManifests).forEach((newManifest: PluginManifest) => {
diff --git a/webapp/channels/src/plugins/pluggable/error_boundary.tsx b/webapp/channels/src/plugins/pluggable/error_boundary.tsx
index 588cc213eca..e0ea7264db9 100644
--- a/webapp/channels/src/plugins/pluggable/error_boundary.tsx
+++ b/webapp/channels/src/plugins/pluggable/error_boundary.tsx
@@ -8,11 +8,11 @@ import styled from 'styled-components';
 type Props = {
     children: React.ReactNode;
     pluginId: string;
-}
+};
 
 type State = {
     hasError: boolean;
-}
+};
 
 const WrapperDiv = styled.div`
     align-items: center;
diff --git a/webapp/channels/src/plugins/pluggable/pluggable.tsx b/webapp/channels/src/plugins/pluggable/pluggable.tsx
index 2c7055b9f2c..cc2546df375 100644
--- a/webapp/channels/src/plugins/pluggable/pluggable.tsx
+++ b/webapp/channels/src/plugins/pluggable/pluggable.tsx
@@ -37,9 +37,9 @@ type WrapperProps<T extends keyof PluginsState['components'], U extends ProductS
      * Only supported when pluggableName is "Product".
      */
     subComponentName?: U;
-}
+};
 
-export type PluggableProps<Key extends keyof PluginsState['components'], SubKey extends ProductSubComponentNames> = WrapperProps<Key, SubKey> & Omit<ComponentProps<Key, SubKey>, keyof WrapperProps<Key, SubKey> | 'theme' | (Key extends 'Product' ? never : 'webSocketClient')>
+export type PluggableProps<Key extends keyof PluginsState['components'], SubKey extends ProductSubComponentNames> = WrapperProps<Key, SubKey> & Omit<ComponentProps<Key, SubKey>, keyof WrapperProps<Key, SubKey> | 'theme' | (Key extends 'Product' ? never : 'webSocketClient')>;
 
 export default function Pluggable<Key extends keyof PluginsState['components'], SubKey extends ProductSubComponentNames>(props: PluggableProps<Key, SubKey>) {
     const {
diff --git a/webapp/channels/src/plugins/registry.ts b/webapp/channels/src/plugins/registry.ts
index ad0641f2565..a7f30387670 100644
--- a/webapp/channels/src/plugins/registry.ts
+++ b/webapp/channels/src/plugins/registry.ts
@@ -880,7 +880,7 @@ export default class PluginRegistry {
      * Accepts a string event type.
      * Returns undefined.
      */
-    unregisterWebSocketEventHandler = reArg(['event'], ({event}: { event: string }) => {
+    unregisterWebSocketEventHandler = reArg(['event'], ({event}: {event: string}) => {
         unregisterPluginWebSocketEvent(this.id, event);
     });
 
diff --git a/webapp/channels/src/plugins/rhs_plugin/rhs_plugin.tsx b/webapp/channels/src/plugins/rhs_plugin/rhs_plugin.tsx
index 815d3d74ba7..bb378dcfa6f 100644
--- a/webapp/channels/src/plugins/rhs_plugin/rhs_plugin.tsx
+++ b/webapp/channels/src/plugins/rhs_plugin/rhs_plugin.tsx
@@ -21,7 +21,7 @@ export type Props = {
     pluggableId: string;
     title: React.ReactNode;
     pluginId?: string;
-}
+};
 
 const RhsPlugin = ({showPluggable, pluggableId, title, pluginId}: Props) => {
     const intl = useIntl();
diff --git a/webapp/channels/src/plugins/textbox/index.tsx b/webapp/channels/src/plugins/textbox/index.tsx
index e96f38789c5..2ceca41528f 100644
--- a/webapp/channels/src/plugins/textbox/index.tsx
+++ b/webapp/channels/src/plugins/textbox/index.tsx
@@ -8,7 +8,7 @@ import type BaseTextbox from 'components/textbox/textbox';
 
 type Props = Omit<React.ComponentPropsWithRef<typeof Textbox>, 'suggestionListPosition'> & {
     suggestionListStyle?: React.ComponentPropsWithRef<typeof Textbox>['suggestionListPosition'];
-}
+};
 
 const PluginTextbox = React.forwardRef((props: Props, ref?: React.Ref<BaseTextbox>) => {
     const {
diff --git a/webapp/channels/src/selectors/drafts.ts b/webapp/channels/src/selectors/drafts.ts
index c559447f193..cf9d18f7eb2 100644
--- a/webapp/channels/src/selectors/drafts.ts
+++ b/webapp/channels/src/selectors/drafts.ts
@@ -16,7 +16,7 @@ export type Draft = DraftInfo & {
     key: keyof GlobalState['storage']['storage'];
     value: PostDraft;
     timestamp: Date;
-}
+};
 
 export type DraftSelector = (state: GlobalState) => Draft[];
 export type DraftCountSelector = (state: GlobalState) => number;
diff --git a/webapp/channels/src/selectors/views/threads.test.ts b/webapp/channels/src/selectors/views/threads.test.ts
index ec15ea7e2c3..bf89dd964f3 100644
--- a/webapp/channels/src/selectors/views/threads.test.ts
+++ b/webapp/channels/src/selectors/views/threads.test.ts
@@ -8,7 +8,7 @@ import type {GlobalState} from 'types/store';
 import * as selectors from './threads';
 
 describe('selectors/views/threads', () => {
-    const makeState = (selectedThreadId: string|null, selectedPostId: string, isSidebarOpen = true) => ({
+    const makeState = (selectedThreadId: string | null, selectedPostId: string, isSidebarOpen = true) => ({
         entities: {
             teams: {
                 currentTeamId: 'current_team_id',
diff --git a/webapp/channels/src/tests/react_testing_utils.tsx b/webapp/channels/src/tests/react_testing_utils.tsx
index 905c5e52f55..1542134d983 100644
--- a/webapp/channels/src/tests/react_testing_utils.tsx
+++ b/webapp/channels/src/tests/react_testing_utils.tsx
@@ -31,7 +31,7 @@ export {userEvent};
 export type IntlOptions = {
     messages?: Record<string, string>;
     locale?: string;
-}
+};
 
 export type FullContextOptions = {
     intlMessages?: Record<string, string>;
@@ -39,7 +39,7 @@ export type FullContextOptions = {
     useMockedStore?: boolean;
     pluginReducers?: string[];
     history?: History<unknown>;
-}
+};
 
 export const renderWithContext = (
     component: React.ReactElement,
@@ -176,9 +176,9 @@ type Opts = {
     intlMessages: Record<string, string> | undefined;
     locale: string;
     useMockedStore: boolean;
-}
+};
 
-type RenderStateProps = {children: React.ReactNode; store: any; history: History<unknown>; options: Opts}
+type RenderStateProps = {children: React.ReactNode; store: any; history: History<unknown>; options: Opts};
 
 // This should wrap the component in roughly the same providers used in App and RootProvider
 const Providers = ({children, store, history, options}: RenderStateProps) => {
diff --git a/webapp/channels/src/types/actions.ts b/webapp/channels/src/types/actions.ts
index a17dc0604a2..904eb2f8b79 100644
--- a/webapp/channels/src/types/actions.ts
+++ b/webapp/channels/src/types/actions.ts
@@ -3,9 +3,9 @@
 
 import type {ActionResult} from 'mattermost-redux/types/actions';
 
-export type SuccessResult = {data: any}
+export type SuccessResult = {data: any};
 
-export type ErrorResult = {error: any}
+export type ErrorResult = {error: any};
 
 export function isSuccess(result: ActionResult): result is SuccessResult {
     return 'data' in result && !isError(result);
@@ -19,4 +19,4 @@ export type ModalData<ModalProps> = {
     modalId: string;
     dialogProps?: Omit<ModalProps, 'onHide' | 'onExited'> & {onHide?: () => void; onExited?: () => void};
     dialogType: React.ElementType<ModalProps>;
-}
+};
diff --git a/webapp/channels/src/types/apps.ts b/webapp/channels/src/types/apps.ts
index a17e68202e3..ae59736e4a2 100644
--- a/webapp/channels/src/types/apps.ts
+++ b/webapp/channels/src/types/apps.ts
@@ -9,7 +9,7 @@ import type {Post} from '@mattermost/types/posts';
 export type DoAppCallResult<Res=unknown> = {
     data?: AppCallResponse<Res>;
     error?: AppCallResponse<Res>;
-}
+};
 
 export interface HandleBindingClick<Res=unknown> {
     (binding: AppBinding, context: AppContext, intl: IntlShape): Promise<DoAppCallResult<Res>>;
diff --git a/webapp/channels/src/types/plugins/user_settings.ts b/webapp/channels/src/types/plugins/user_settings.ts
index 8c0cd8f4a28..c9aee8502e7 100644
--- a/webapp/channels/src/types/plugins/user_settings.ts
+++ b/webapp/channels/src/types/plugins/user_settings.ts
@@ -17,7 +17,7 @@ export type PluginConfiguration = {
     /** Action that will appear at the beginning of the plugin settings tab */
     action?: PluginConfigurationAction;
     sections: Array<PluginConfigurationSection | PluginConfigurationCustomSection>;
-}
+};
 
 export type PluginConfigurationAction = {
 
@@ -32,7 +32,7 @@ export type PluginConfigurationAction = {
 
     /** This function is called when the button on the action is clicked */
     onClick: () => void;
-}
+};
 
 export type PluginConfigurationSection = {
     settings: PluginConfigurationSetting[];
@@ -51,7 +51,7 @@ export type PluginConfigurationSection = {
      * to the change.
     */
     onSubmit?: (changes: {[name: string]: string}) => void;
-}
+};
 
 export type PluginConfigurationCustomSection = {
 
@@ -60,7 +60,7 @@ export type PluginConfigurationCustomSection = {
 
     /** A React component used to render the custom section. */
     component: React.ComponentType;
-}
+};
 
 export type BasePluginConfigurationSetting = {
 
@@ -75,7 +75,7 @@ export type BasePluginConfigurationSetting = {
 
     /** The default value to use */
     default?: string;
-}
+};
 
 export type PluginConfigurationRadioSetting = BasePluginConfigurationSetting & {
     type: 'radio';
@@ -83,7 +83,7 @@ export type PluginConfigurationRadioSetting = BasePluginConfigurationSetting & {
     /** The default value to use */
     default: string;
     options: PluginConfigurationRadioSettingOption[];
-}
+};
 
 export type PluginCustomSettingComponent = React.ComponentType<{informChange: (name: string, value: string) => void}>;
 
@@ -92,7 +92,7 @@ export type PluginConfigurationCustomSetting = BasePluginConfigurationSetting &
 
     /** A React component used to render the custom setting. */
     component: PluginCustomSettingComponent;
-}
+};
 
 export type PluginConfigurationRadioSettingOption = {
 
@@ -104,6 +104,6 @@ export type PluginConfigurationRadioSettingOption = {
 
     /** Optional help text for this option */
     helpText?: string;
-}
+};
 
-export type PluginConfigurationSetting = PluginConfigurationRadioSetting | PluginConfigurationCustomSetting
+export type PluginConfigurationSetting = PluginConfigurationRadioSetting | PluginConfigurationCustomSetting;
diff --git a/webapp/channels/src/types/store/draft.ts b/webapp/channels/src/types/store/draft.ts
index 186c1db8dcd..f03be6c221e 100644
--- a/webapp/channels/src/types/store/draft.ts
+++ b/webapp/channels/src/types/store/draft.ts
@@ -10,7 +10,7 @@ import {PostTypes} from 'utils/constants';
 export type DraftInfo = {
     id: string;
     type: 'channel' | 'thread';
-}
+};
 
 export type PostDraft = {
     message: string;
@@ -28,7 +28,7 @@ export type PostDraft = {
     type?: PostType;
     metadata?: {
         priority?: {
-            priority: PostPriority|'';
+            priority: PostPriority | '';
             requested_ack?: boolean;
             persistent_notifications?: boolean;
         };
diff --git a/webapp/channels/src/types/store/index.ts b/webapp/channels/src/types/store/index.ts
index 01ed9bc83e8..24204afdaff 100644
--- a/webapp/channels/src/types/store/index.ts
+++ b/webapp/channels/src/types/store/index.ts
@@ -15,7 +15,7 @@ export type DraggingState = {
     state?: string;
     type?: string;
     id?: string;
-}
+};
 
 export type GlobalState = BaseGlobalState & {
     plugins: PluginsState;
@@ -59,5 +59,5 @@ export type ActionFuncAsync<
  */
 export type ThunkActionFunc<
     ReturnType,
-    State extends GlobalState = GlobalState
+    State extends GlobalState = GlobalState,
 > = MMReduxTypes.ThunkActionFunc<ReturnType, State, MMAction>;
diff --git a/webapp/channels/src/types/store/lhs.ts b/webapp/channels/src/types/store/lhs.ts
index cde1fd2af68..bef9edd5d9c 100644
--- a/webapp/channels/src/types/store/lhs.ts
+++ b/webapp/channels/src/types/store/lhs.ts
@@ -10,7 +10,7 @@ export type LhsViewState = {
 
     // Static pages (e.g. Threads, Insights, etc.)
     currentStaticPageId: string;
-}
+};
 
 export enum LhsItemType {
     None = 'none',
@@ -27,5 +27,5 @@ export enum LhsPage {
 export type StaticPage = {
     id: string;
     isVisible: boolean;
-}
+};
 
diff --git a/webapp/channels/src/types/store/plugins.ts b/webapp/channels/src/types/store/plugins.ts
index 6ac970727c7..96d8413b283 100644
--- a/webapp/channels/src/types/store/plugins.ts
+++ b/webapp/channels/src/types/store/plugins.ts
@@ -124,7 +124,7 @@ export type Menu = {
     icon?: React.ReactNode;
     direction?: 'left' | 'right';
     isHeader?: boolean;
-}
+};
 
 export type PluginComponent = {
     id: string;
@@ -134,7 +134,7 @@ export type PluginComponent = {
 type BasePluggableProps = {
     webSocketClient: WebSocketClient;
     theme: Theme;
-}
+};
 
 export type PluggableText = string | React.ReactNode;
 
@@ -236,11 +236,11 @@ export type DesktopNotificationHook = PluginComponent & {
         error?: string;
         args?: DesktopNotificationArgs;
     }>;
-}
+};
 
 export type FilesWillUploadHook = PluginComponent & {
-    hook: (files: File[], uploadFiles: (files: File[]) => void) => { message?: string; files?: File[] };
-}
+    hook: (files: File[], uploadFiles: (files: File[]) => void) => {message?: string; files?: File[]};
+};
 
 type ProductBaseProps = {theme: Theme};
 export type ProductSubComponentNames = 'mainComponent' | 'publicComponent' | 'headerCentreComponent' | 'headerRightComponent';
@@ -315,7 +315,7 @@ export type ProductComponent = PluginComponent & {
 export type NeedsTeamComponent = PluginComponent & {
     route: string;
     component: React.ComponentType<BasePluggableProps>;
-}
+};
 
 export type FilePreviewComponent = PluginComponent & {
     override: (fileInfo: FileInfo, post?: Post) => boolean;
@@ -324,7 +324,7 @@ export type FilePreviewComponent = PluginComponent & {
         post?: Post;
         onModalDismissed: () => void;
     }>;
-}
+};
 
 export type PostWillRenderEmbedComponent = PluginComponent & {
     component: React.ComponentType<{
@@ -333,7 +333,7 @@ export type PostWillRenderEmbedComponent = PluginComponent & {
     }>;
     match: (arg: PostEmbed) => boolean;
     toggleable: boolean;
-}
+};
 
 export type PostDropdownMenuItemComponent = PluginComponent & {
     text: PluggableText;
@@ -491,7 +491,7 @@ export type GlobalComponent = PluginComponent & {
 
 export type ChannelToastComponent = PluginComponent & {
     component: React.ComponentType<BasePluggableProps>;
-}
+};
 
 export type CreateBoardFromTemplateComponent = PluginComponent & {
     component: React.ComponentType<BasePluggableProps & {
diff --git a/webapp/channels/src/types/store/storage.ts b/webapp/channels/src/types/store/storage.ts
index 9ce3e5092f4..4d0f36ae364 100644
--- a/webapp/channels/src/types/store/storage.ts
+++ b/webapp/channels/src/types/store/storage.ts
@@ -4,11 +4,11 @@
 export type StorageItem<T = any> = {
     timestamp: Date;
     value: T;
-}
+};
 
 export type StorageInitialized = boolean;
 
 export type StorageState = {
     initialized: StorageInitialized;
     storage: Record<string, StorageItem>;
-}
+};
diff --git a/webapp/channels/src/utils/a11y_utils.ts b/webapp/channels/src/utils/a11y_utils.ts
index fd4c3ca305a..8a0104a8a53 100644
--- a/webapp/channels/src/utils/a11y_utils.ts
+++ b/webapp/channels/src/utils/a11y_utils.ts
@@ -31,6 +31,7 @@ export function focusElement(
         // It's an ID string
         target = document.getElementById(elementOrId);
     } else if (
+
         // It's a React ref object
         typeof elementOrId === 'object' &&
         'current' in elementOrId &&
diff --git a/webapp/channels/src/utils/admin_console_index.tsx b/webapp/channels/src/utils/admin_console_index.tsx
index 0746d6a1941..25e0553e095 100644
--- a/webapp/channels/src/utils/admin_console_index.tsx
+++ b/webapp/channels/src/utils/admin_console_index.tsx
@@ -27,7 +27,7 @@ export type Index = {
      * @param query string to be used for search.
      */
     search(query: string): string[];
-}
+};
 
 function pushText(texts: string[], value: string | MessageDescriptor | JSX.Element, intl: IntlShape, values?: Record<string, any>) {
     if (typeof value === 'string') {
diff --git a/webapp/channels/src/utils/browser_history.tsx b/webapp/channels/src/utils/browser_history.tsx
index 9d6789fc8cd..719d8e531eb 100644
--- a/webapp/channels/src/utils/browser_history.tsx
+++ b/webapp/channels/src/utils/browser_history.tsx
@@ -14,7 +14,7 @@ const b = createBrowserHistory({basename: window.basename});
 const isDesktop = isDesktopApp() && isServerVersionGreaterThanOrEqualTo(getDesktopVersion(), '5.0.0');
 const browserHistory = {
     ...b,
-    push: (path: string | { pathname: string }, ...args: string[]) => {
+    push: (path: string | {pathname: string}, ...args: string[]) => {
         if (isDesktop) {
             DesktopApp.doBrowserHistoryPush(typeof path === 'object' ? path.pathname : path);
         } else {
diff --git a/webapp/channels/src/utils/constants.tsx b/webapp/channels/src/utils/constants.tsx
index bc1fc917eb3..6cf06da9916 100644
--- a/webapp/channels/src/utils/constants.tsx
+++ b/webapp/channels/src/utils/constants.tsx
@@ -606,7 +606,7 @@ export const A11yCustomEventTypes = {
 export type A11yFocusEventDetail = {
     target: HTMLElement | null | undefined;
     keyboardOnly: boolean;
-}
+};
 
 export function isA11yFocusEventDetail(o: unknown): o is A11yFocusEventDetail {
     return Boolean(o && typeof o === 'object' && 'keyboardOnly' in o);
diff --git a/webapp/channels/src/utils/contact_support_sales.ts b/webapp/channels/src/utils/contact_support_sales.ts
index a21121cf23f..a5ef0f171b0 100644
--- a/webapp/channels/src/utils/contact_support_sales.ts
+++ b/webapp/channels/src/utils/contact_support_sales.ts
@@ -18,13 +18,13 @@ export enum ZendeskFormFieldIDs {
     BILLING_SALES_CATEGORY = '360031056451',
     EMAIL = 'anonymous_requester_email',
     SUBJECT = 'subject',
-    DESCRIPTION = 'description'
+    DESCRIPTION = 'description',
 }
 
 export type PrefillFieldFormFieldIDs = {
     id: ZendeskFormFieldIDs;
     val: string;
-}
+};
 
 export const buildZendeskSupportForm = (form: ZendeskSupportForm, formFieldIDs: PrefillFieldFormFieldIDs[]): string => {
     let formUrl = `${baseZendeskFormURL}?ticket_form_id=${form}`;
diff --git a/webapp/channels/src/utils/countries.ts b/webapp/channels/src/utils/countries.ts
index 8d86bbb42de..6b57c8d685b 100644
--- a/webapp/channels/src/utils/countries.ts
+++ b/webapp/channels/src/utils/countries.ts
@@ -6,7 +6,7 @@ import {getData, overwrite} from 'country-list';
 type Country = {
     name: string;
     code: string;
-}
+};
 
 overwrite([{
     code: 'TW',
diff --git a/webapp/channels/src/utils/dragster.ts b/webapp/channels/src/utils/dragster.ts
index ebd8338fbb4..17b6e33c0ab 100644
--- a/webapp/channels/src/utils/dragster.ts
+++ b/webapp/channels/src/utils/dragster.ts
@@ -6,7 +6,7 @@ type Options = {
     leave?: (event: CustomEvent) => void;
     over?: (event: CustomEvent) => void;
     drop?: (event: CustomEvent) => void;
-}
+};
 
 export default function dragster(query: string, options: Options) {
     const preventDefault = (e: Event) => {
diff --git a/webapp/channels/src/utils/emoticons.tsx b/webapp/channels/src/utils/emoticons.tsx
index 56d3aead3b1..9a02eb48ce9 100644
--- a/webapp/channels/src/utils/emoticons.tsx
+++ b/webapp/channels/src/utils/emoticons.tsx
@@ -4,7 +4,7 @@
 import {formatWithRenderer} from './markdown';
 import PlainRenderer from './markdown/plain_renderer';
 
-export const emoticonPatterns: { [key: string]: RegExp } = {
+export const emoticonPatterns: {[key: string]: RegExp} = {
     slightly_smiling_face: /(^|\B)(\\?:-?\))($|\B)/g, // :)
     wink: /(^|\B)(\\?;-?\))($|\B)/g, // ;)
     open_mouth: /(^|\B)(\\?:o)($|\b)/gi, // :o
diff --git a/webapp/channels/src/utils/floating.ts b/webapp/channels/src/utils/floating.ts
index 49a3efb1e47..574d4482dda 100644
--- a/webapp/channels/src/utils/floating.ts
+++ b/webapp/channels/src/utils/floating.ts
@@ -13,7 +13,7 @@ export type HorizontallyWithinOptions = {
      * See Floating UI's documentation on detectOverflow for more details.
      */
     boundary?: Boundary | null;
-}
+};
 
 /**
  * horizontallyWithin is a middleware for useFloating which shifts the floating element left or right to try to keep
diff --git a/webapp/channels/src/utils/latinise.tsx b/webapp/channels/src/utils/latinise.tsx
index 03d430f8027..51b1c421159 100644
--- a/webapp/channels/src/utils/latinise.tsx
+++ b/webapp/channels/src/utils/latinise.tsx
@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-const latinMap: { [key: string]: string } = {
+const latinMap: {[key: string]: string} = {
     Á: 'A', // LATIN CAPITAL LETTER A WITH ACUTE
     Ă: 'A', // LATIN CAPITAL LETTER A WITH BREVE
     Ắ: 'A', // LATIN CAPITAL LETTER A WITH BREVE AND ACUTE
diff --git a/webapp/channels/src/utils/markdown/apply_markdown.ts b/webapp/channels/src/utils/markdown/apply_markdown.ts
index fa09056dd03..ce78d782c1b 100644
--- a/webapp/channels/src/utils/markdown/apply_markdown.ts
+++ b/webapp/channels/src/utils/markdown/apply_markdown.ts
@@ -1,31 +1,31 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-export type MarkdownMode = 'bold' | 'italic' | 'link' | 'strike' | 'code' | 'heading' | 'quote' | 'ul' | 'ol'
+export type MarkdownMode = 'bold' | 'italic' | 'link' | 'strike' | 'code' | 'heading' | 'quote' | 'ul' | 'ol';
 
 export type ApplyMarkdownOptions = {
     markdownMode: MarkdownMode;
     selectionStart: number | null;
     selectionEnd: number | null;
     message: string;
-}
+};
 
 type ApplyMarkdownReturnValue = {
     selectionStart: number;
     selectionEnd: number;
     message: string;
-}
+};
 
 type ApplySpecificMarkdownOptions = ApplyMarkdownReturnValue & {
     delimiter?: string;
     delimiterStart?: string;
     delimiterEnd?: string;
-}
+};
 
 export type ApplyLinkMarkdownOptions = ApplySpecificMarkdownOptions & {
     url?: string;
 
-}
+};
 
 export function applyMarkdown(options: ApplyMarkdownOptions): ApplyMarkdownReturnValue {
     const {selectionEnd, selectionStart, message, markdownMode} = options;
diff --git a/webapp/channels/src/utils/message_html_to_component.tsx b/webapp/channels/src/utils/message_html_to_component.tsx
index 8fb7546ef87..04680742973 100644
--- a/webapp/channels/src/utils/message_html_to_component.tsx
+++ b/webapp/channels/src/utils/message_html_to_component.tsx
@@ -40,13 +40,13 @@ export type Options = Partial<{
      * users automatically for all posts.
      */
     fetchMissingUsers: boolean;
-}>
+}>;
 
 type ProcessingInstruction = {
     replaceChildren: boolean;
     shouldProcessNode: (node: any) => boolean;
     processNode: (node: any, children?: any, index?: number) => any;
-}
+};
 
 /*
  * Converts HTML to React components using html-to-react.
diff --git a/webapp/channels/src/utils/notifications.ts b/webapp/channels/src/utils/notifications.ts
index 2cfef8a4c7a..737824b723e 100644
--- a/webapp/channels/src/utils/notifications.ts
+++ b/webapp/channels/src/utils/notifications.ts
@@ -9,7 +9,7 @@ export type NotificationResult = {
     status: 'error' | 'not_sent' | 'success' | 'unsupported';
     reason?: string;
     data?: string;
-}
+};
 
 let requestedNotificationPermission = Boolean('Notification' in window && Notification.permission !== 'default');
 
diff --git a/webapp/channels/src/utils/overage_team.ts b/webapp/channels/src/utils/overage_team.ts
index ea78d1e3926..03e342696f4 100644
--- a/webapp/channels/src/utils/overage_team.ts
+++ b/webapp/channels/src/utils/overage_team.ts
@@ -6,7 +6,7 @@ import {OverActiveUserLimits} from './constants';
 type CalculateOverageUsersActivatedArgs = {
     seatsPurchased: number;
     activeUsers: number;
-}
+};
 
 export const calculateOverageUserActivated = ({activeUsers, seatsPurchased}: CalculateOverageUsersActivatedArgs) => {
     const minimumOverSeats = Math.ceil(seatsPurchased * OverActiveUserLimits.MIN) + seatsPurchased;
diff --git a/webapp/channels/src/utils/performance_telemetry/reporter.ts b/webapp/channels/src/utils/performance_telemetry/reporter.ts
index f1173880570..cb0e8b67017 100644
--- a/webapp/channels/src/utils/performance_telemetry/reporter.ts
+++ b/webapp/channels/src/utils/performance_telemetry/reporter.ts
@@ -46,7 +46,7 @@ type PerformanceReportMeasure = {
      * in model/metrics.go on the server.
      */
     labels?: Record<string, string>;
-}
+};
 
 type PerformanceReport = {
     version: '0.1.0';
@@ -62,7 +62,7 @@ type PerformanceReport = {
 
     counters: PerformanceReportMeasure[];
     histograms: PerformanceReportMeasure[];
-}
+};
 
 export default class PerformanceReporter {
     private client: Client4;
diff --git a/webapp/channels/src/utils/syntax_highlighting.tsx b/webapp/channels/src/utils/syntax_highlighting.tsx
index 8060bbe1389..1cb92fddf55 100644
--- a/webapp/channels/src/utils/syntax_highlighting.tsx
+++ b/webapp/channels/src/utils/syntax_highlighting.tsx
@@ -13,7 +13,7 @@ type LanguageObject = {
         extensions: string[];
         aliases?: string[];
     };
-}
+};
 
 const HighlightedLanguages: LanguageObject = Constants.HighlightedLanguages;
 
diff --git a/webapp/channels/src/utils/test_helper.ts b/webapp/channels/src/utils/test_helper.ts
index cf3b21d2587..6cdf21f1957 100644
--- a/webapp/channels/src/utils/test_helper.ts
+++ b/webapp/channels/src/utils/test_helper.ts
@@ -471,8 +471,8 @@ export class TestHelper {
             ...override,
         };
     }
-    public static getPreferencesMock(override: Array<{category: string; name: string; value: string}> = [], userId = ''): { [x: string]: PreferenceType } {
-        const preferences: { [x: string]: PreferenceType } = {};
+    public static getPreferencesMock(override: Array<{category: string; name: string; value: string}> = [], userId = ''): {[x: string]: PreferenceType} {
+        const preferences: {[x: string]: PreferenceType} = {};
         override.forEach((p) => {
             preferences[getPreferenceKey(p.category, p.name)] = {
                 category: p.category,
diff --git a/webapp/channels/src/utils/url.tsx b/webapp/channels/src/utils/url.tsx
index 94baff1147d..00a8721bba6 100644
--- a/webapp/channels/src/utils/url.tsx
+++ b/webapp/channels/src/utils/url.tsx
@@ -19,7 +19,7 @@ type WindowObject = {
         port: string;
     };
     basename?: string;
-}
+};
 
 export function cleanUpUrlable(input: string): string {
     let cleaned: string = latinise(input);
@@ -292,7 +292,7 @@ export function isStringContainingUrl(text: string): boolean {
 export type UrlValidationCheck = {
     url: string;
     error: typeof BadUrlReasons[keyof typeof BadUrlReasons] | false;
-}
+};
 
 export const BadUrlReasons = {
     Empty: 'Empty',
diff --git a/webapp/channels/src/utils/use_websocket/hooks.ts b/webapp/channels/src/utils/use_websocket/hooks.ts
index ac11bcc9367..63c8bc0c006 100644
--- a/webapp/channels/src/utils/use_websocket/hooks.ts
+++ b/webapp/channels/src/utils/use_websocket/hooks.ts
@@ -9,7 +9,7 @@ import {WebSocketContext} from './context';
 
 export type UseWebSocketOptions = {
     handler: (msg: WebSocketMessage) => void;
-}
+};
 
 export function useWebSocket({handler}: UseWebSocketOptions) {
     const wsClient = useWebSocketClient();
diff --git a/webapp/channels/src/utils/utils.tsx b/webapp/channels/src/utils/utils.tsx
index 6603adf4c09..a7644964437 100644
--- a/webapp/channels/src/utils/utils.tsx
+++ b/webapp/channels/src/utils/utils.tsx
@@ -84,7 +84,7 @@ export enum TimeInformation {
     HOURS = 'h',
     DAYS = 'd',
     FUTURE = 'f',
-    PAST = 'p'
+    PAST = 'p',
 }
 
 export type TimeUnit = Exclude<TimeInformation, TimeInformation.FUTURE | TimeInformation.PAST>;
@@ -329,7 +329,7 @@ export function getCompassIconClassName(fileTypeIn: string, outline = true, larg
 }
 
 export function getIconClassName(fileTypeIn: string) {
-    const fileType = fileTypeIn.toLowerCase()as keyof typeof Constants.ICON_FROM_TYPE;
+    const fileType = fileTypeIn.toLowerCase() as keyof typeof Constants.ICON_FROM_TYPE;
 
     if (fileType in Constants.ICON_NAME_FROM_TYPE) {
         return Constants.ICON_NAME_FROM_TYPE[fileType];
diff --git a/webapp/package-lock.json b/webapp/package-lock.json
index 7e89ddbddde..74fa98a6697 100644
--- a/webapp/package-lock.json
+++ b/webapp/package-lock.json
@@ -9052,6 +9052,223 @@
         "@statsig/client-core": "3.33.0"
       }
     },
+    "node_modules/@stylistic/eslint-plugin": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@stylistic/eslint-plugin/-/eslint-plugin-3.1.0.tgz",
+      "integrity": "sha512-pA6VOrOqk0+S8toJYhQGv2MWpQQR0QpeUo9AhNkC49Y26nxBQ/nH1rta9bUU1rPw2fJ1zZEMV5oCX5AazT7J2g==",
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/utils": "^8.13.0",
+        "eslint-visitor-keys": "^4.2.0",
+        "espree": "^10.3.0",
+        "estraverse": "^5.3.0",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=8.40.0"
+      }
+    },
+    "node_modules/@stylistic/eslint-plugin/node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.60.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.60.0.tgz",
+      "integrity": "sha512-pFzqhllJMs+jghLQWzV00ds39xLzuyqPSev5pd8f4Ir0rtKR3ZLUB4/4dhjOFighWb9larvtfJvqL+4yKDI3Xw==",
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.60.0",
+        "@typescript-eslint/visitor-keys": "8.60.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@stylistic/eslint-plugin/node_modules/@typescript-eslint/types": {
+      "version": "8.60.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.60.0.tgz",
+      "integrity": "sha512-AsE7x2XaAK+CVbeih0Fvbn+r1qHxtpLDJ3XUuFcIinT318T90yHMJC+Zgv+jUuDjQQd06HKwxnDu6sz1IcTilA==",
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@stylistic/eslint-plugin/node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.60.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.60.0.tgz",
+      "integrity": "sha512-3AcZNBGMClm6CXDyo8kYvVGT/sx29sS0oBsIb9oZI2gunA4Vm2M3YHzRLPvsUBBsl+yB5FPtltq7gGH0iTlp9g==",
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/project-service": "8.60.0",
+        "@typescript-eslint/tsconfig-utils": "8.60.0",
+        "@typescript-eslint/types": "8.60.0",
+        "@typescript-eslint/visitor-keys": "8.60.0",
+        "debug": "^4.4.3",
+        "minimatch": "^10.2.2",
+        "semver": "^7.7.3",
+        "tinyglobby": "^0.2.15",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@stylistic/eslint-plugin/node_modules/@typescript-eslint/utils": {
+      "version": "8.60.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.60.0.tgz",
+      "integrity": "sha512-HtXuPfrHTyBDkameWpl+vJb1Uevu2tznAyahM1Oc4AENidCLTPiZDWIo4GfcxNdC/RcfGcadzzkqbRG87dUrQA==",
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.9.1",
+        "@typescript-eslint/scope-manager": "8.60.0",
+        "@typescript-eslint/types": "8.60.0",
+        "@typescript-eslint/typescript-estree": "8.60.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@stylistic/eslint-plugin/node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.60.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.60.0.tgz",
+      "integrity": "sha512-9WI52t8ZGLVGrPMBet25yAftqY/n95+zmoUUtJBBQTKDSKUu7OsPTroT2op7U9JatkoRccL0YkWDNMFfC4Sjxg==",
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.60.0",
+        "eslint-visitor-keys": "^5.0.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@stylistic/eslint-plugin/node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz",
+      "integrity": "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@stylistic/eslint-plugin/node_modules/balanced-match": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+      "license": "MIT",
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/@stylistic/eslint-plugin/node_modules/brace-expansion": {
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.6.tgz",
+      "integrity": "sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/@stylistic/eslint-plugin/node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@stylistic/eslint-plugin/node_modules/espree": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@stylistic/eslint-plugin/node_modules/minimatch": {
+      "version": "10.2.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz",
+      "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==",
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "brace-expansion": "^5.0.5"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@stylistic/eslint-plugin/node_modules/semver": {
+      "version": "7.8.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.1.tgz",
+      "integrity": "sha512-rkVq3IXh+4FDGch+KwzX3aV9W3kO54GyEgpvBzSyctDA6Xtd7RJQV1xmXbeQp5v7+VzLOfVqiutSE6GICgPFvg==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@stylistic/eslint-plugin/node_modules/ts-api-utils": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.5.0.tgz",
+      "integrity": "sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.12"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4"
+      }
+    },
     "node_modules/@stylistic/stylelint-plugin": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/@stylistic/stylelint-plugin/-/stylelint-plugin-3.1.2.tgz",
@@ -10368,6 +10585,40 @@
         }
       }
     },
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.60.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.60.0.tgz",
+      "integrity": "sha512-aZu74NNKJeUWqCjDddzdiKaS82dgYgV/vmf+Ui3ZdZejmgfXR/q+pRumgobnQ2cCJTgGTWp4ypiwsuofFubavg==",
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/tsconfig-utils": "^8.60.0",
+        "@typescript-eslint/types": "^8.60.0",
+        "debug": "^4.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/project-service/node_modules/@typescript-eslint/types": {
+      "version": "8.60.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.60.0.tgz",
+      "integrity": "sha512-AsE7x2XaAK+CVbeih0Fvbn+r1qHxtpLDJ3XUuFcIinT318T90yHMJC+Zgv+jUuDjQQd06HKwxnDu6sz1IcTilA==",
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
     "node_modules/@typescript-eslint/scope-manager": {
       "version": "7.18.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.18.0.tgz",
@@ -10385,6 +10636,22 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/@typescript-eslint/tsconfig-utils": {
+      "version": "8.60.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.60.0.tgz",
+      "integrity": "sha512-BZPR3RGYlAXnly6ymAxfkVn5rCbZzQNou0rxv3GfWZ8cTQp+hhVd73khbGLAd8k1TlAPLISH337M+tAgAnaJDQ==",
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
     "node_modules/@typescript-eslint/type-utils": {
       "version": "7.18.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.18.0.tgz",
@@ -15563,7 +15830,6 @@
       "version": "6.5.0",
       "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
       "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12.0.0"
@@ -22112,9 +22378,7 @@
       "version": "4.0.4",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
       "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
-      "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -26152,7 +26416,6 @@
       "version": "0.2.16",
       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
       "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "fdir": "^6.5.0",
@@ -28085,6 +28348,7 @@
       "version": "2.0.0",
       "license": "Apache 2.0",
       "dependencies": {
+        "@stylistic/eslint-plugin": "3.1.0",
         "@typescript-eslint/eslint-plugin": "^7.1.0",
         "@typescript-eslint/parser": "^7.1.0",
         "eslint-plugin-headers": "1.3.4",
diff --git a/webapp/platform/client/src/client4.ts b/webapp/platform/client/src/client4.ts
index 8512d2b0434..917ab134b71 100644
--- a/webapp/platform/client/src/client4.ts
+++ b/webapp/platform/client/src/client4.ts
@@ -875,7 +875,7 @@ export default class Client4 {
             login_id: loginId,
         };
 
-        return this.doFetch<{auth_service: 'magic_link' | ''; is_deactivated: boolean }>(
+        return this.doFetch<{auth_service: 'magic_link' | ''; is_deactivated: boolean}>(
             `${this.getUsersRoute()}/login/type`,
             {method: 'post', body: JSON.stringify(body)},
         );
@@ -3460,7 +3460,7 @@ export default class Client4 {
         );
     };
 
-    createJob = (job: JobTypeBase & { data?: any }) => {
+    createJob = (job: JobTypeBase & {data?: any}) => {
         return this.doFetch<Job>(
             `${this.getJobsRoute()}`,
             {method: 'post', body: JSON.stringify(job)},
diff --git a/webapp/platform/client/src/websocket.ts b/webapp/platform/client/src/websocket.ts
index 7b1a64ccbea..b17b524109a 100644
--- a/webapp/platform/client/src/websocket.ts
+++ b/webapp/platform/client/src/websocket.ts
@@ -18,7 +18,7 @@ export type WebSocketClientConfig = {
     reconnectJitterRange: number;
     newWebSocketFn: (url: string) => WebSocket;
     clientPingInterval: number;
-}
+};
 
 // Custom close error codes must be in the range of 4000-4999
 const clientPingTimeoutErrCode = 4000;
diff --git a/webapp/platform/client/src/websocket_message.ts b/webapp/platform/client/src/websocket_message.ts
index a45ceff973a..9aae5cd6c5e 100644
--- a/webapp/platform/client/src/websocket_message.ts
+++ b/webapp/platform/client/src/websocket_message.ts
@@ -119,11 +119,11 @@ export type BaseWebSocketMessage<Event, T = Record<string, never>> = {
     data: T;
     broadcast: WebSocketBroadcast;
     seq: number;
-}
+};
 
 export type WebSocketBroadcast = {
     omit_users: Record<string, boolean>;
     user_id: string;
     channel_id: string;
     team_id: string;
-}
+};
diff --git a/webapp/platform/client/src/websocket_messages.ts b/webapp/platform/client/src/websocket_messages.ts
index bbef16d81b1..3899a0b50f5 100644
--- a/webapp/platform/client/src/websocket_messages.ts
+++ b/webapp/platform/client/src/websocket_messages.ts
@@ -433,7 +433,7 @@ export type FirstAdminVisitMarketplaceStatusReceived =
 export type HostedCustomerSignupProgressUpdated =
     BaseWebSocketMessage<WebSocketEvents.HostedCustomerSignupProgressUpdated, {
         progress: string;
-    }>
+    }>;
 
 // Custom properties messages
 
diff --git a/webapp/platform/components/src/common/hooks/useMeasurePunchouts.ts b/webapp/platform/components/src/common/hooks/useMeasurePunchouts.ts
index ad17ad0649d..62f69c14cfb 100644
--- a/webapp/platform/components/src/common/hooks/useMeasurePunchouts.ts
+++ b/webapp/platform/components/src/common/hooks/useMeasurePunchouts.ts
@@ -9,19 +9,19 @@ import {useElementAvailable} from './useElementAvailable';
 export type Coords = {
     x?: string;
     y?: string;
-}
+};
 
 export type Props = Coords & {
     width: string;
     height: string;
-}
+};
 
 type PunchOutOffset = {
     x: number;
     y: number;
     width: number;
     height: number;
-}
+};
 
 export const useMeasurePunchouts = (elementIds: string[], additionalDeps: any[], offset?: PunchOutOffset): Props | null => {
     const elementsAvailable = useElementAvailable(elementIds);
diff --git a/webapp/platform/components/src/pulsating_dot/index.tsx b/webapp/platform/components/src/pulsating_dot/index.tsx
index 4d0491058bd..9edb7f918cb 100644
--- a/webapp/platform/components/src/pulsating_dot/index.tsx
+++ b/webapp/platform/components/src/pulsating_dot/index.tsx
@@ -12,7 +12,7 @@ type Props = {
     className?: string;
     onClick?: (e: React.MouseEvent) => void;
     coords?: Coords;
-}
+};
 
 export class PulsatingDot extends React.PureComponent<Props> {
     public render() {
diff --git a/webapp/platform/components/src/tour_tip/tour_tip.tsx b/webapp/platform/components/src/tour_tip/tour_tip.tsx
index 3fb293a1ee8..14c5d69b531 100644
--- a/webapp/platform/components/src/tour_tip/tour_tip.tsx
+++ b/webapp/platform/components/src/tour_tip/tour_tip.tsx
@@ -21,7 +21,7 @@ import 'tippy.js/animations/perspective-subtle.css';
 
 import './tour_tip.scss';
 
-export type TourTipEventSource = 'next' | 'prev' | 'dismiss' | 'jump' | 'skipped' | 'open' | 'punchOut'
+export type TourTipEventSource = 'next' | 'prev' | 'dismiss' | 'jump' | 'skipped' | 'open' | 'punchOut';
 
 // If this needs to alter, change in _variables $z-index-tour-tips-popover as well
 const DEFAULT_Z_INDEX_TOUR_TIPS_POPOVER = 1300;
@@ -39,7 +39,7 @@ type Props = {
     singleTip?: boolean;
     showOptOut?: boolean;
     placement?: Placement;
-    pulsatingDotPlacement?: Omit<Placement, 'auto'| 'auto-end'>;
+    pulsatingDotPlacement?: Omit<Placement, 'auto' | 'auto-end'>;
     pulsatingDotTranslate?: {x: number; y: number};
     offset?: [number, number];
     width?: string | number;
@@ -61,7 +61,7 @@ type Props = {
     handleSkip?: (e: React.MouseEvent) => void;
     handleDismiss?: (e: React.MouseEvent) => void;
     handlePunchOut?: (e: React.MouseEvent) => void;
-}
+};
 
 export const TourTip = ({
     title,
diff --git a/webapp/platform/components/src/tour_tip/tour_tip_backdrop.tsx b/webapp/platform/components/src/tour_tip/tour_tip_backdrop.tsx
index 6799624652c..6a504767ded 100644
--- a/webapp/platform/components/src/tour_tip/tour_tip_backdrop.tsx
+++ b/webapp/platform/components/src/tour_tip/tour_tip_backdrop.tsx
@@ -14,7 +14,7 @@ type Props = {
     onPunchOut?: (e: React.MouseEvent) => void;
     appendTo: HTMLElement;
     transparent?: boolean;
-}
+};
 
 const TourTipRootPortal = ({children, show, element}: {children: React.ReactNode ; show: boolean; element: Element}) =>
     (show ? ReactDOM.createPortal(
diff --git a/webapp/platform/eslint-plugin/configs/base.js b/webapp/platform/eslint-plugin/configs/base.js
index 36661daf361..778a9463702 100644
--- a/webapp/platform/eslint-plugin/configs/base.js
+++ b/webapp/platform/eslint-plugin/configs/base.js
@@ -6,6 +6,7 @@ import {fileURLToPath} from 'url';
 
 import {FlatCompat} from '@eslint/eslintrc';
 import js from '@eslint/js';
+import stylisticPlugin from '@stylistic/eslint-plugin';
 import typescriptPlugin from '@typescript-eslint/eslint-plugin';
 import typescriptParser from '@typescript-eslint/parser';
 import headersPlugin from 'eslint-plugin-headers';
@@ -44,26 +45,235 @@ const base = {
         '@mattermost': {
             rules,
         },
+        '@stylistic': stylisticPlugin,
         typescript: typescriptPlugin,
         headers: headersPlugin,
         import: importPlugin,
     },
     rules: {
-
-        // '@mattermost/no-dispatch-getstate': 2,
-        // '@mattermost/use-external-link': 2,
-        '@typescript-eslint/array-type': [2, {default: 'array-simple'}],
-        '@typescript-eslint/consistent-type-imports': ['error', {disallowTypeAnnotations: false}],
-        '@typescript-eslint/explicit-function-return-type': 0,
-        '@typescript-eslint/explicit-module-boundary-types': 0,
-        '@typescript-eslint/indent': [
+        '@mattermost/no-dispatch-getstate': 2,
+        '@mattermost/use-external-link': 2,
+        '@stylistic/array-bracket-spacing': [
+            2,
+            'never',
+        ],
+        '@stylistic/arrow-parens': [
+            2,
+            'always',
+        ],
+        '@stylistic/arrow-spacing': [
+            2,
+            {
+                before: true,
+                after: true,
+            },
+        ],
+        '@stylistic/brace-style': [
+            2,
+            '1tbs',
+            {
+                allowSingleLine: false,
+            },
+        ],
+        '@stylistic/comma-dangle': [
+            2,
+            'always-multiline',
+        ],
+        '@stylistic/comma-spacing': [
+            2,
+            {
+                before: false,
+                after: true,
+            },
+        ],
+        '@stylistic/comma-style': [
+            2,
+            'last',
+        ],
+        '@stylistic/computed-property-spacing': [
+            2,
+            'never',
+        ],
+        '@stylistic/dot-location': [
+            2,
+            'object',
+        ],
+        '@stylistic/eol-last': ['error', 'always'],
+        '@stylistic/function-call-spacing': [
+            2,
+            'never',
+        ],
+        '@stylistic/generator-star-spacing': [
+            2,
+            {
+                before: false,
+                after: true,
+            },
+        ],
+        '@stylistic/indent': [
             2,
             4,
             {
                 SwitchCase: 0,
             },
         ],
-        '@typescript-eslint/member-delimiter-style': 2,
+        '@stylistic/jsx-quotes': [
+            2,
+            'prefer-single',
+        ],
+        '@stylistic/key-spacing': [
+            2,
+            {
+                beforeColon: false,
+                afterColon: true,
+                mode: 'strict',
+            },
+        ],
+        '@stylistic/keyword-spacing': [
+            2,
+            {
+                before: true,
+                after: true,
+                overrides: {},
+            },
+        ],
+        '@stylistic/linebreak-style': 2,
+        '@stylistic/lines-around-comment': [
+            2,
+            {
+                beforeBlockComment: true,
+                beforeLineComment: true,
+                allowBlockStart: true,
+                allowBlockEnd: true,
+            },
+        ],
+        '@stylistic/max-statements-per-line': [
+            2,
+            {
+                max: 1,
+            },
+        ],
+        '@stylistic/member-delimiter-style': 2,
+        '@stylistic/multiline-ternary': [
+            1,
+            'never',
+        ],
+        '@stylistic/new-parens': 2,
+        '@stylistic/no-confusing-arrow': 2,
+        '@stylistic/no-extra-parens': 0,
+        '@stylistic/no-extra-semi': 2,
+        '@stylistic/no-floating-decimal': 2,
+        '@stylistic/no-mixed-operators': [
+            2,
+            {
+                allowSamePrecedence: false,
+            },
+        ],
+        '@stylistic/no-mixed-spaces-and-tabs': 2,
+        '@stylistic/no-multi-spaces': [
+            2,
+            {
+                exceptions: {
+                    Property: false,
+                },
+            },
+        ],
+        '@stylistic/no-multiple-empty-lines': [
+            2,
+            {
+                max: 1,
+            },
+        ],
+        '@stylistic/no-tabs': 0,
+        '@stylistic/no-trailing-spaces': [
+            2,
+            {
+                skipBlankLines: false,
+            },
+        ],
+        '@stylistic/no-whitespace-before-property': 2,
+        '@stylistic/object-curly-newline': 0,
+        '@stylistic/object-curly-spacing': [
+            2,
+            'never',
+        ],
+        '@stylistic/object-property-newline': [
+            2,
+            {
+                allowMultiplePropertiesPerLine: true,
+            },
+        ],
+        '@stylistic/one-var-declaration-per-line': 0,
+        '@stylistic/operator-linebreak': [
+            2,
+            'after',
+        ],
+        '@stylistic/padded-blocks': [
+            2,
+            'never',
+        ],
+        '@stylistic/quote-props': [
+            2,
+            'as-needed',
+        ],
+        '@stylistic/quotes': [
+            2,
+            'single',
+            'avoid-escape',
+        ],
+        '@stylistic/rest-spread-spacing': [
+            2,
+            'never',
+        ],
+        '@stylistic/semi': [
+            2,
+            'always',
+        ],
+        '@stylistic/semi-spacing': [
+            2,
+            {
+                before: false,
+                after: true,
+            },
+        ],
+        '@stylistic/space-before-blocks': [
+            2,
+            'always',
+        ],
+        '@stylistic/space-before-function-paren': [
+            2,
+            {
+                anonymous: 'never',
+                named: 'never',
+                asyncArrow: 'always',
+            },
+        ],
+        '@stylistic/space-in-parens': [
+            2,
+            'never',
+        ],
+        '@stylistic/space-infix-ops': 2,
+        '@stylistic/space-unary-ops': [
+            2,
+            {
+                words: true,
+                nonwords: false,
+            },
+        ],
+        '@stylistic/template-curly-spacing': [
+            2,
+            'never',
+        ],
+        '@stylistic/type-annotation-spacing': 2,
+        '@stylistic/wrap-iife': [
+            2,
+            'outside',
+        ],
+        '@stylistic/wrap-regex': 2,
+        '@typescript-eslint/array-type': [2, {default: 'array-simple'}],
+        '@typescript-eslint/consistent-type-imports': ['error', {disallowTypeAnnotations: false}],
+        '@typescript-eslint/explicit-function-return-type': 0,
+        '@typescript-eslint/explicit-module-boundary-types': 0,
         '@typescript-eslint/naming-convention': [
             2,
             {
@@ -103,58 +313,15 @@ const base = {
             },
         ],
         '@typescript-eslint/no-var-requires': 0,
-        '@typescript-eslint/type-annotation-spacing': 2,
-        'array-bracket-spacing': [
-            2,
-            'never',
-        ],
         'array-callback-return': 2,
         'arrow-body-style': 0,
-        'arrow-parens': [
-            2,
-            'always',
-        ],
-        'arrow-spacing': [
-            2,
-            {
-                before: true,
-                after: true,
-            },
-        ],
         'block-scoped-var': 2,
-        'brace-style': [
-            2,
-            '1tbs',
-            {
-                allowSingleLine: false,
-            },
-        ],
-        camelcase: 0, // Handled by @typescript-eslint/naming-convention
         'capitalized-comments': 0,
         'class-methods-use-this': 0,
-        'comma-dangle': [
-            2,
-            'always-multiline',
-        ],
-        'comma-spacing': [
-            2,
-            {
-                before: false,
-                after: true,
-            },
-        ],
-        'comma-style': [
-            2,
-            'last',
-        ],
         complexity: [
             0,
             10,
         ],
-        'computed-property-spacing': [
-            2,
-            'never',
-        ],
         'consistent-return': 2,
         'consistent-this': [
             2,
@@ -165,20 +332,11 @@ const base = {
             2,
             'all',
         ],
-        'dot-location': [
-            2,
-            'object',
-        ],
         'dot-notation': 2,
-        'eol-last': ['error', 'always'],
         eqeqeq: [
             2,
             'smart',
         ],
-        'func-call-spacing': [
-            2,
-            'never',
-        ],
         'func-name-matching': 0,
         'func-names': 2,
         'func-style': [
@@ -188,13 +346,6 @@ const base = {
                 allowArrowFunctions: true,
             },
         ],
-        'generator-star-spacing': [
-            2,
-            {
-                before: false,
-                after: true,
-            },
-        ],
         'global-require': 2,
         'guard-for-in': 2,
         'headers/header-format': [
@@ -256,38 +407,7 @@ const base = {
                 pathGroupsExcludedImportTypes: ['builtin'],
             },
         ],
-        indent: 0, // Handled by @typescript-eslint/indent
-        'jsx-quotes': [
-            2,
-            'prefer-single',
-        ],
-        'key-spacing': [
-            2,
-            {
-                beforeColon: false,
-                afterColon: true,
-                mode: 'strict',
-            },
-        ],
-        'keyword-spacing': [
-            2,
-            {
-                before: true,
-                after: true,
-                overrides: {},
-            },
-        ],
         'line-comment-position': 0,
-        'linebreak-style': 2,
-        'lines-around-comment': [
-            2,
-            {
-                beforeBlockComment: true,
-                beforeLineComment: true,
-                allowBlockStart: true,
-                allowBlockEnd: true,
-            },
-        ],
         'max-lines': [
             'warn',
             {
@@ -297,18 +417,7 @@ const base = {
             },
         ],
         'max-nested-callbacks': ['error', 10],
-        'max-statements-per-line': [
-            2,
-            {
-                max: 1,
-            },
-        ],
-        'multiline-ternary': [
-            1,
-            'never',
-        ],
         'new-cap': 2,
-        'new-parens': 2,
         'newline-before-return': 0,
         'newline-per-chained-call': 0,
         'no-alert': 2,
@@ -322,7 +431,6 @@ const base = {
             2,
             'except-parens',
         ],
-        'no-confusing-arrow': 2,
         'no-console': 2,
         'no-const-assign': 2,
         'no-constant-binary-expression': 2,
@@ -343,10 +451,7 @@ const base = {
         'no-extend-native': 2,
         'no-extra-bind': 2,
         'no-extra-label': 2,
-        'no-extra-parens': 0,
-        'no-extra-semi': 2,
         'no-fallthrough': 2,
-        'no-floating-decimal': 2,
         'no-func-assign': 2,
         'no-global-assign': 2,
         'no-implicit-coercion': 2,
@@ -361,29 +466,8 @@ const base = {
         'no-lonely-if': 2,
         'no-loop-func': 2,
         'no-magic-numbers': 0,
-        'no-mixed-operators': [
-            2,
-            {
-                allowSamePrecedence: false,
-            },
-        ],
-        'no-mixed-spaces-and-tabs': 2,
         'no-multi-assign': 2,
-        'no-multi-spaces': [
-            2,
-            {
-                exceptions: {
-                    Property: false,
-                },
-            },
-        ],
         'no-multi-str': 0,
-        'no-multiple-empty-lines': [
-            2,
-            {
-                max: 1,
-            },
-        ],
         'no-native-reassign': 2,
         'no-negated-condition': 2,
         'no-nested-ternary': 2,
@@ -430,18 +514,10 @@ const base = {
         'no-sequences': 2,
         'no-shadow': 0, // This isn't currently enabled, but it probably should be
         'no-shadow-restricted-names': 2,
-        'no-spaced-func': 2,
-        'no-tabs': 0,
         'no-template-curly-in-string': 2,
         'no-ternary': 0,
         'no-this-before-super': 2,
         'no-throw-literal': 2,
-        'no-trailing-spaces': [
-            2,
-            {
-                skipBlankLines: false,
-            },
-        ],
         'no-undef-init': 2,
         'no-undefined': 0,
         'no-underscore-dangle': 2,
@@ -468,19 +544,7 @@ const base = {
         'no-var': 0,
         'no-void': 2,
         'no-warning-comments': 1,
-        'no-whitespace-before-property': 2,
         'no-with': 2,
-        'object-curly-newline': 0,
-        'object-curly-spacing': [
-            2,
-            'never',
-        ],
-        'object-property-newline': [
-            2,
-            {
-                allowMultiplePropertiesPerLine: true,
-            },
-        ],
         'object-shorthand': [
             2,
             'always',
@@ -489,19 +553,10 @@ const base = {
             2,
             'never',
         ],
-        'one-var-declaration-per-line': 0,
         'operator-assignment': [
             2,
             'always',
         ],
-        'operator-linebreak': [
-            2,
-            'after',
-        ],
-        'padded-blocks': [
-            2,
-            'never',
-        ],
         'prefer-arrow-callback': 2,
         'prefer-const': 2,
         'prefer-destructuring': 0,
@@ -510,63 +565,11 @@ const base = {
         'prefer-rest-params': 2,
         'prefer-spread': 2,
         'prefer-template': 0,
-        'quote-props': [
-            2,
-            'as-needed',
-        ],
-        quotes: [
-            2,
-            'single',
-            'avoid-escape',
-        ],
         radix: 2,
         'require-yield': 2,
-        'rest-spread-spacing': [
-            2,
-            'never',
-        ],
-        semi: [
-            2,
-            'always',
-        ],
-        'semi-spacing': [
-            2,
-            {
-                before: false,
-                after: true,
-            },
-        ],
         'sort-imports': 0,
         'sort-keys': 0,
-        'space-before-blocks': [
-            2,
-            'always',
-        ],
-        'space-before-function-paren': [
-            2,
-            {
-                anonymous: 'never',
-                named: 'never',
-                asyncArrow: 'always',
-            },
-        ],
-        'space-in-parens': [
-            2,
-            'never',
-        ],
-        'space-infix-ops': 2,
-        'space-unary-ops': [
-            2,
-            {
-                words: true,
-                nonwords: false,
-            },
-        ],
         'symbol-description': 2,
-        'template-curly-spacing': [
-            2,
-            'never',
-        ],
         'valid-typeof': [
             2,
             {
@@ -574,11 +577,6 @@ const base = {
             },
         ],
         'vars-on-top': 0,
-        'wrap-iife': [
-            2,
-            'outside',
-        ],
-        'wrap-regex': 2,
         yoda: [
             2,
             'never',
@@ -622,6 +620,7 @@ const testOverrides = {
 export default [
     js.configs.recommended,
     ...compat.extends('plugin:@typescript-eslint/recommended'),
+    stylisticPlugin.configs['disable-legacy'],
     base,
     testOverrides,
 ];
diff --git a/webapp/platform/eslint-plugin/configs/react.js b/webapp/platform/eslint-plugin/configs/react.js
index 57198055f2b..c17f890a567 100644
--- a/webapp/platform/eslint-plugin/configs/react.js
+++ b/webapp/platform/eslint-plugin/configs/react.js
@@ -19,6 +19,48 @@ const compat = new FlatCompat({
 const react = {
     files: ['**/*.jsx', '**/*.tsx'],
     rules: {
+        '@stylistic/jsx-closing-bracket-location': [
+            2,
+            {
+                location: 'tag-aligned',
+            },
+        ],
+        '@stylistic/jsx-curly-spacing': [
+            2,
+            'never',
+        ],
+        '@stylistic/jsx-equals-spacing': [
+            2,
+            'never',
+        ],
+        '@stylistic/jsx-first-prop-new-line': [
+            2,
+            'multiline',
+        ],
+        '@stylistic/jsx-indent': [
+            2,
+            4,
+        ],
+        '@stylistic/jsx-indent-props': [
+            2,
+            4,
+        ],
+        '@stylistic/jsx-max-props-per-line': [
+            2,
+            {
+                maximum: 1,
+            },
+        ],
+        '@stylistic/jsx-pascal-case': 2,
+        '@stylistic/jsx-tag-spacing': [
+            2,
+            {
+                closingSlash: 'never',
+                beforeSelfClosing: 'never',
+                afterOpening: 'never',
+            },
+        ],
+        '@stylistic/jsx-wrap-multilines': 2,
         'jsx-a11y/alt-text': 'warn',
         'jsx-a11y/anchor-has-content': 'error',
         'jsx-a11y/anchor-is-valid': 'warn',
@@ -70,20 +112,6 @@ const react = {
             2,
             'always',
         ],
-        'react/jsx-closing-bracket-location': [
-            2,
-            {
-                location: 'tag-aligned',
-            },
-        ],
-        'react/jsx-curly-spacing': [
-            2,
-            'never',
-        ],
-        'react/jsx-equals-spacing': [
-            2,
-            'never',
-        ],
         'react/jsx-filename-extension': [
             2,
             {
@@ -93,26 +121,8 @@ const react = {
                 ],
             },
         ],
-        'react/jsx-first-prop-new-line': [
-            2,
-            'multiline',
-        ],
         'react/jsx-handler-names': 0,
-        'react/jsx-indent': [
-            2,
-            4,
-        ],
-        'react/jsx-indent-props': [
-            2,
-            4,
-        ],
         'react/jsx-key': 2,
-        'react/jsx-max-props-per-line': [
-            2,
-            {
-                maximum: 1,
-            },
-        ],
         'react/jsx-no-bind': 0,
         'react/jsx-no-comment-textnodes': 2,
         'react/jsx-no-duplicate-props': [
@@ -124,18 +134,8 @@ const react = {
         'react/jsx-no-literals': 2,
         'react/jsx-no-target-blank': 2,
         'react/jsx-no-undef': 2,
-        'react/jsx-pascal-case': 2,
-        'react/jsx-tag-spacing': [
-            2,
-            {
-                closingSlash: 'never',
-                beforeSelfClosing: 'never',
-                afterOpening: 'never',
-            },
-        ],
         'react/jsx-uses-react': 2,
         'react/jsx-uses-vars': 2,
-        'react/jsx-wrap-multilines': 2,
         'react/no-array-index-key': 1,
         'react/no-children-prop': 2,
         'react/no-danger': 0,
diff --git a/webapp/platform/eslint-plugin/package.json b/webapp/platform/eslint-plugin/package.json
index a5dac6babaf..07967d56054 100644
--- a/webapp/platform/eslint-plugin/package.json
+++ b/webapp/platform/eslint-plugin/package.json
@@ -17,6 +17,7 @@
     }
   },
   "dependencies": {
+    "@stylistic/eslint-plugin": "3.1.0",
     "@typescript-eslint/eslint-plugin": "^7.1.0",
     "@typescript-eslint/parser": "^7.1.0",
     "eslint-plugin-headers": "1.3.4",
diff --git a/webapp/platform/shared/src/components/tooltip/tooltip_shortcut.tsx b/webapp/platform/shared/src/components/tooltip/tooltip_shortcut.tsx
index 3bb89f67a98..51b77298fde 100644
--- a/webapp/platform/shared/src/components/tooltip/tooltip_shortcut.tsx
+++ b/webapp/platform/shared/src/components/tooltip/tooltip_shortcut.tsx
@@ -14,11 +14,11 @@ type ShortcutKeyDescriptor = string | MessageDescriptor;
 export type ShortcutDefinition = {
     default: ShortcutKeyDescriptor[];
     mac?: ShortcutKeyDescriptor[];
-}
+};
 
 type Props = {
     shortcut: ShortcutDefinition;
-}
+};
 
 function TooltipShortcut(props: Props) {
     let shortcut = props.shortcut.default;
diff --git a/webapp/platform/shared/src/testing/react_testing_utils.tsx b/webapp/platform/shared/src/testing/react_testing_utils.tsx
index d3f8f3f987b..faedbc3e58a 100644
--- a/webapp/platform/shared/src/testing/react_testing_utils.tsx
+++ b/webapp/platform/shared/src/testing/react_testing_utils.tsx
@@ -13,7 +13,7 @@ export type FullContextOptions = {
     intlMessages?: Record<string, string>;
     locale?: string;
     sharedContext?: Partial<Omit<SharedProviderProps, 'children'>>;
-}
+};
 
 export const renderWithContext = (
     component: React.ReactElement,
@@ -83,13 +83,13 @@ type Opts = {
     intlMessages: Record<string, string> | undefined;
     locale: string;
     sharedContext?: Partial<Omit<SharedProviderProps, 'children'>>;
-}
+};
 
 type RenderStateProps = {
     children: React.ReactNode;
 
     options: Opts;
-}
+};
 
 // This should wrap the component in roughly the same providers used in App and RootProvider
 const Providers = ({
diff --git a/webapp/platform/types/src/access_control.ts b/webapp/platform/types/src/access_control.ts
index 82a5f30214b..c7abd915fbf 100644
--- a/webapp/platform/types/src/access_control.ts
+++ b/webapp/platform/types/src/access_control.ts
@@ -17,28 +17,28 @@ export type AccessControlPolicy = {
     rules: AccessControlPolicyRule[];
     scope?: string;
     scope_id?: string;
-}
+};
 
 export type AccessControlPolicyCursor = {
     id: string;
-}
+};
 
 export type AccessControlPoliciesResult = {
     policies: AccessControlPolicy[];
     total: number;
-}
+};
 
 export type AccessControlPolicySearchOpts = {
     term: string;
     type: string;
     cursor: AccessControlPolicyCursor;
     limit: number;
-}
+};
 
 export type AccessControlPolicyChannelsResult = {
     channels: ChannelWithTeamData[];
     total: number;
-}
+};
 
 export type AccessControlPolicyRule = {
     actions?: string[];
@@ -56,7 +56,7 @@ export type AccessControlPolicyRule = {
      * empty.
      */
     role?: string;
-}
+};
 
 export const ACCESS_CONTROL_POLICY_VERSION_V0_3 = 'v0.3';
 export const ACCESS_CONTROL_POLICY_VERSION_V0_4 = 'v0.4';
@@ -165,21 +165,21 @@ export type CELExpressionError = {
     message: string;
     line: number;
     column: number;
-}
+};
 
 export type AccessControlTestResult = {
     users: UserProfile[];
     total: number;
-}
+};
 
 export type AccessControlAttribute = {
     name: string;
     values: string[];
-}
+};
 
 export type AccessControlVisualAST = {
     conditions: AccessControlVisualASTNode[];
-}
+};
 
 export type AccessControlVisualASTNode = {
     attribute: string;
@@ -188,7 +188,7 @@ export type AccessControlVisualASTNode = {
     value_type: number;
     attribute_type: string;
     has_masked_values?: boolean;
-}
+};
 
 /**
  * Type definition for access control attributes
@@ -209,7 +209,7 @@ export interface AccessControlled {
 export type AccessControlPolicyActiveUpdate = {
     id: string;
     active: boolean;
-}
+};
 
 /**
  * Sources of deny attribution returned by the simulate endpoint.
diff --git a/webapp/platform/types/src/admin.ts b/webapp/platform/types/src/admin.ts
index 30f3bdd580e..b9fe3e8eb01 100644
--- a/webapp/platform/types/src/admin.ts
+++ b/webapp/platform/types/src/admin.ts
@@ -33,21 +33,21 @@ export type LogObject = {
     msg: string;
     timestamp: string;
     worker: string;
-}
+};
 
 export type LogFilter = {
     serverNames: LogServerNames;
     logLevels: LogLevels;
     dateFrom: LogDateFrom;
     dateTo: LogDateTo;
-}
+};
 
 export type LogFilterQuery = {
     server_names: LogServerNames;
     log_levels: LogLevels;
     date_from: LogDateFrom;
     date_to: LogDateTo;
-}
+};
 
 export type AdminState = {
     logs: LogObject[];
@@ -98,7 +98,7 @@ export type AnalyticsState = {
     TOTAL_FILE_COUNT?: number;
     TOTAL_FILE_SIZE?: number;
     SINGLE_CHANNEL_GUESTS?: number;
-}
+};
 
 export type ClusterInfo = {
     id: string;
@@ -116,7 +116,7 @@ export type AnalyticsRow = {
 
 export type IndexedPluginAnalyticsRow = {
     [key: string]: PluginAnalyticsRow;
-}
+};
 
 export enum AnalyticsVisualizationType {
     Count = 'count',
@@ -143,7 +143,7 @@ export type SupportPacketContent = {
     label: string;
     selected: boolean;
     mandatory: boolean;
-}
+};
 
 export type LdapSampleEntry = {
     dn: string;
diff --git a/webapp/platform/types/src/apps.ts b/webapp/platform/types/src/apps.ts
index 91caf13789b..2f4f6883981 100644
--- a/webapp/platform/types/src/apps.ts
+++ b/webapp/platform/types/src/apps.ts
@@ -29,19 +29,19 @@ export type AppManifest = {
     description?: string;
     requested_permissions?: Permission[];
     requested_locations?: Locations[];
-}
+};
 
 export type AppModalState = {
     form: AppForm;
     call: AppCallRequest;
-}
+};
 
-export type AppCommandFormMap = { [location: string]: AppForm }
+export type AppCommandFormMap = {[location: string]: AppForm};
 
 export type BindingsInfo = {
     bindings: AppBinding[];
     forms: AppCommandFormMap;
-}
+};
 
 export type AppsState = {
     main: BindingsInfo;
@@ -203,7 +203,7 @@ export type AppCallResponse<Res = unknown> = {
 export type AppMetadataForClient = {
     bot_user_id: string;
     bot_username: string;
-}
+};
 
 export type AppContext = {
     app_id: string;
@@ -409,7 +409,7 @@ function isAppFormValue(v: unknown): v is AppFormValue {
     return isAppSelectOption(v);
 }
 
-export type AppFormValues = { [name: string]: AppFormValue };
+export type AppFormValues = {[name: string]: AppFormValue};
 
 export type AppSelectOption = {
     label: string;
@@ -646,11 +646,11 @@ export type AutocompleteSuggestion = {
     description?: string;
     hint?: string;
     iconData?: string;
-}
+};
 
 export type AutocompleteSuggestionWithComplete = AutocompleteSuggestion & {
     complete: string;
-}
+};
 
 export type AutocompleteElement = AppField;
 export type AutocompleteStaticSelect = AutocompleteElement & {
@@ -667,8 +667,8 @@ export type FormResponseData = {
     errors?: {
         [field: string]: string;
     };
-}
+};
 
 export type AppLookupResponse = {
     items: AppSelectOption[];
-}
+};
diff --git a/webapp/platform/types/src/audits.ts b/webapp/platform/types/src/audits.ts
index dc6da6d5d90..fc6e3d5a818 100644
--- a/webapp/platform/types/src/audits.ts
+++ b/webapp/platform/types/src/audits.ts
@@ -9,4 +9,4 @@ export type Audit = {
     extra_info: string;
     ip_address: string;
     session_id: string;
-}
+};
diff --git a/webapp/platform/types/src/boards.ts b/webapp/platform/types/src/boards.ts
index 3ec18fb5fe0..d28d636c830 100644
--- a/webapp/platform/types/src/boards.ts
+++ b/webapp/platform/types/src/boards.ts
@@ -42,8 +42,8 @@ export declare type Board = {
     createAt: number;
     updateAt: number;
     deleteAt: number;
-}
+};
 
 export declare type CreateBoardResponse = {
     boards: Board[];
-}
+};
diff --git a/webapp/platform/types/src/bots.ts b/webapp/platform/types/src/bots.ts
index ed70fb2cf6c..b204030f16b 100644
--- a/webapp/platform/types/src/bots.ts
+++ b/webapp/platform/types/src/bots.ts
@@ -10,11 +10,11 @@ export type Bot = {
     create_at: number ;
     update_at: number ;
     delete_at: number ;
-}
+};
 
 // BotPatch is a description of what fields to update on an existing bot.
 export type BotPatch = {
     username: string;
     display_name: string;
     description: string;
-}
+};
diff --git a/webapp/platform/types/src/channel_bookmarks.ts b/webapp/platform/types/src/channel_bookmarks.ts
index b202087f315..9d433259b26 100644
--- a/webapp/platform/types/src/channel_bookmarks.ts
+++ b/webapp/platform/types/src/channel_bookmarks.ts
@@ -25,7 +25,7 @@ export type ChannelBookmark = {
     target_id?: string;
     original_id?: string;
     parent_id?: string;
-}
+};
 
 export type ChannelBookmarkCreate = {
     display_name: string;
@@ -38,7 +38,7 @@ export type ChannelBookmarkCreate = {
 } | {
     type: 'file';
     file_id: string;
-})
+});
 
 export type ChannelBookmarkPatch = {
     file_id?: string;
@@ -47,7 +47,7 @@ export type ChannelBookmarkPatch = {
     link_url?: string;
     image_url?: string;
     emoji?: string;
-}
+};
 
 export type UpdateChannelBookmarkResponse = {
     updated: ChannelBookmark;
@@ -56,8 +56,8 @@ export type UpdateChannelBookmarkResponse = {
 
 export type ChannelBookmarkWithFileInfo = ChannelBookmark & {
     file: FileInfo;
-}
+};
 
 export type ChannelBookmarksState = {
     byChannelId: {[channelId: Channel['id']]: IDMappedObjects<ChannelBookmark>};
-}
+};
diff --git a/webapp/platform/types/src/channels.ts b/webapp/platform/types/src/channels.ts
index 285c590ea94..0cf391305c9 100644
--- a/webapp/platform/types/src/channels.ts
+++ b/webapp/platform/types/src/channels.ts
@@ -36,7 +36,7 @@ export type ChannelBanner = {
     enabled?: boolean;
     text?: string;
     background_color?: string;
-}
+};
 
 export function channelBannerEnabled(banner: ChannelBanner | undefined): boolean {
     if (!banner) {
@@ -110,7 +110,7 @@ export type ServerChannel = Channel & {
      * @remarks This field will be moved to a {@link ChannelMessageCount} object when this channel is stored in Redux.
      */
     total_msg_count_root: number;
-}
+};
 
 export type ChannelMessageCount = {
 
@@ -119,7 +119,7 @@ export type ChannelMessageCount = {
 
     /** The number of root posts in this channel, not including join/leave messages */
     root: number;
-}
+};
 
 export type ChannelWithTeamData = Channel & {
     team_display_name: string;
diff --git a/webapp/platform/types/src/client4.ts b/webapp/platform/types/src/client4.ts
index 56610978108..a12ae184917 100644
--- a/webapp/platform/types/src/client4.ts
+++ b/webapp/platform/types/src/client4.ts
@@ -15,7 +15,7 @@ export type ClientResponse<T> = {
 };
 
 export type Options = {
-    headers?: { [x: string]: string };
+    headers?: {[x: string]: string};
     method?: string;
     url?: string;
     credentials?: 'omit' | 'same-origin' | 'include';
@@ -38,10 +38,10 @@ export type FetchPaginatedThreadOptions = {
     collapsedThreads?: boolean;
     collapsedThreadsExtended?: boolean;
     updatesOnly?: boolean; // This indicates the API is meant to be used to only get delta updates.
-    direction?: 'up'|'down';
+    direction?: 'up' | 'down';
     fetchAll?: boolean;
     perPage?: number;
     fromCreateAt?: number;
     fromUpdateAt?: number;
     fromPost?: string;
-}
+};
diff --git a/webapp/platform/types/src/cloud.ts b/webapp/platform/types/src/cloud.ts
index ab09ec46981..7cfd9389d2f 100644
--- a/webapp/platform/types/src/cloud.ts
+++ b/webapp/platform/types/src/cloud.ts
@@ -20,13 +20,13 @@ export type CloudState = {
         limits?: true;
         trueUpReview?: true;
     };
-}
+};
 
 export type Installation = {
     id: string;
     state: string;
     allowed_ip_ranges: AllowedIPRange[];
-}
+};
 
 export type Subscription = {
     id: string;
@@ -48,7 +48,7 @@ export type Subscription = {
     will_renew?: string;
     simulated_current_time_ms?: number;
     is_cloud_preview?: boolean;
-}
+};
 
 export type Product = {
     id: string;
@@ -83,7 +83,7 @@ export type CloudCustomer = {
     billing_address: Address;
     company_address: Address;
     payment_method: PaymentMethod;
-}
+};
 
 // CustomerPatch model represents a customer patch on the system.
 export type CloudCustomerPatch = {
@@ -92,7 +92,7 @@ export type CloudCustomerPatch = {
     num_employees?: number;
     contact_first_name?: string;
     contact_last_name?: string;
-}
+};
 
 // Address model represents a customer's address.
 export type Address = {
@@ -102,7 +102,7 @@ export type Address = {
     line2: string;
     postal_code: string;
     state: string;
-}
+};
 
 // PaymentMethod represents methods of payment for a customer.
 export type PaymentMethod = {
@@ -112,13 +112,13 @@ export type PaymentMethod = {
     exp_year: number;
     card_brand: string;
     name: string;
-}
+};
 
 export type NotifyAdminRequest = {
     trial_notification: boolean;
     required_plan: string;
     required_feature: string;
-}
+};
 
 // Invoice model represents a invoice on the system.
 export type Invoice = {
@@ -134,7 +134,7 @@ export type Invoice = {
     subscription_id: string;
     line_items: InvoiceLineItem[];
     current_product_name: string;
-}
+};
 
 // actual string values come from customer-web-server and should be kept in sync with values seen there
 export const InvoiceLineItemType = {
@@ -155,7 +155,7 @@ export type InvoiceLineItem = {
     metadata: Record<string, string>;
     period_start: number;
     period_end: number;
-}
+};
 
 export type Limits = {
     messages?: {
@@ -167,7 +167,7 @@ export type Limits = {
     teams?: {
         active?: number;
     };
-}
+};
 
 export interface CloudUsage {
     files: {
@@ -185,11 +185,11 @@ export type TeamsUsage = {
     active: number;
     cloudArchived: number;
     teamsLoaded: boolean;
-}
+};
 
 export type ValidBusinessEmail = {
     is_valid: boolean;
-}
+};
 
 export const areShippingDetailsValid = (address: Address | null | undefined): boolean => {
     if (!address) {
@@ -200,7 +200,7 @@ export const areShippingDetailsValid = (address: Address | null | undefined): bo
 export type Feedback = {
     reason: string;
     comments: string;
-}
+};
 
 export type MessageDescriptor = {
     id: string;
diff --git a/webapp/platform/types/src/config.ts b/webapp/platform/types/src/config.ts
index 8e251d9a667..6f62a5c6604 100644
--- a/webapp/platform/types/src/config.ts
+++ b/webapp/platform/types/src/config.ts
@@ -309,7 +309,7 @@ export type RequestLicenseBody = {
     company_name: string;
     company_size: string;
     company_country: string;
-}
+};
 
 export type DataRetentionPolicy = {
     message_deletion_enabled: boolean;
@@ -551,7 +551,7 @@ export type ConnectedWorkspacesSettings = {
     GlobalUserSyncBatchSize: number;
     MaxPostsPerSync: number;
     MemberSyncBatchSize: number;
-}
+};
 
 export type FileSettings = {
     EnableFileAttachments: boolean;
@@ -982,7 +982,7 @@ export type PluginSettings = {
     Directory: string;
     ClientDirectory: string;
     Plugins: Record<string, any>;
-    PluginStates: Record<string, { Enable: boolean }>;
+    PluginStates: Record<string, {Enable: boolean}>;
     EnableMarketplace: boolean;
     EnableRemoteMarketplace: boolean;
     AutomaticPrepackagedPlugins: boolean;
@@ -1042,12 +1042,12 @@ export type AccessControlSettings = {
 
 export type ContentFlaggingNotificationSettings = {
     EventTargetMapping: Record<ContentFlaggingEvent, NotificationTarget[]>;
-}
+};
 
 export type TeamReviewerSetting = {
     Enabled: boolean;
     ReviewerIds: string[];
-}
+};
 
 export type ContentFlaggingReviewerSetting = {
     CommonReviewers: boolean;
@@ -1055,21 +1055,21 @@ export type ContentFlaggingReviewerSetting = {
     TeamReviewersSetting: Record<string, TeamReviewerSetting>;
     SystemAdminsAsReviewers: boolean;
     TeamAdminsAsReviewers: boolean;
-}
+};
 
 export type ContentFlaggingAdditionalSettings = {
     Reasons: string[];
     ReporterCommentRequired: boolean;
     ReviewerCommentRequired: boolean;
     HideFlaggedContent: boolean;
-}
+};
 
 export type ContentFlaggingSettings = {
     EnableContentFlagging: boolean;
     NotificationSettings: ContentFlaggingNotificationSettings;
     ReviewerSettings: ContentFlaggingReviewerSetting;
     AdditionalSettings: ContentFlaggingAdditionalSettings;
-}
+};
 
 export type AdminConfig = {
     ServiceSettings: ServiceSettings;
@@ -1125,15 +1125,15 @@ export type ReplicaLagSetting = {
     DataSource: string;
     QueryAbsoluteLag: string;
     QueryTimeLag: string;
-}
+};
 
 export type EnvironmentConfigSettings<T> = {
     [P in keyof T]: boolean;
-}
+};
 
 export type EnvironmentConfig = {
     [P in keyof AdminConfig]: EnvironmentConfigSettings<AdminConfig[P]>;
-}
+};
 
 export enum CollapsedThreads {
     DISABLED = 'disabled',
@@ -1153,10 +1153,10 @@ export type AllowedIPRange = {
     description: string;
     enabled: boolean;
     owner_id: string;
-}
+};
 
 export type AllowedIPRanges = AllowedIPRange[];
 
 export type FetchIPResponse = {
     ip: string;
-}
+};
diff --git a/webapp/platform/types/src/data_retention.ts b/webapp/platform/types/src/data_retention.ts
index 5d5367dc005..ec0ffe0c7ae 100644
--- a/webapp/platform/types/src/data_retention.ts
+++ b/webapp/platform/types/src/data_retention.ts
@@ -19,15 +19,15 @@ export type CreateDataRetentionCustomPolicy = {
 export type PatchDataRetentionCustomPolicy = {
     display_name: string;
     post_duration: number;
-}
+};
 
 export type PatchDataRetentionCustomPolicyTeams = {
     team_ids: string[];
-}
+};
 
 export type PatchDataRetentionCustomPolicyChannels = {
     channel_ids: string[];
-}
+};
 
 export type DataRetentionCustomPolicies = {
     [x: string]: DataRetentionCustomPolicy;
diff --git a/webapp/platform/types/src/emojis.ts b/webapp/platform/types/src/emojis.ts
index e5f47413406..e2921422cff 100644
--- a/webapp/platform/types/src/emojis.ts
+++ b/webapp/platform/types/src/emojis.ts
@@ -46,7 +46,7 @@ export type SystemEmojiVariation = {
     has_img_google: boolean;
     has_img_twitter: boolean;
     has_img_facebook: boolean;
-}
+};
 
 export type Emoji = SystemEmoji | CustomEmoji;
 
diff --git a/webapp/platform/types/src/files.ts b/webapp/platform/types/src/files.ts
index adc997c4bad..f73f7369da8 100644
--- a/webapp/platform/types/src/files.ts
+++ b/webapp/platform/types/src/files.ts
@@ -55,11 +55,11 @@ export type FilesState = {
 export type FileUploadResponse = {
     file_infos: FileInfo[];
     client_ids: string[];
-}
+};
 
 export type FileSearchResultItem = FileInfo & {
     channel_id: string;
-}
+};
 
 export type FileSearchResults = {
     order: Array<FileSearchResultItem['id']>;
diff --git a/webapp/platform/types/src/groups.ts b/webapp/platform/types/src/groups.ts
index 76b47a63b8c..1f60aa50fb2 100644
--- a/webapp/platform/types/src/groups.ts
+++ b/webapp/platform/types/src/groups.ts
@@ -6,7 +6,7 @@ import type {RelationOneToOne} from './utilities';
 
 export enum SyncableType {
     Team = 'team',
-    Channel = 'channel'
+    Channel = 'channel',
 }
 
 export type SyncablePatch = {
@@ -56,7 +56,7 @@ export enum GroupSource {
  * Used for identifying plugin-created groups by checking if source starts with this prefix
  */
 export enum PluginGroupSourcePrefix {
-    Plugin = 'plugin_'
+    Plugin = 'plugin_',
 }
 
 export type GroupTeam = {
@@ -145,7 +145,7 @@ export type GroupsWithCount = {
     // These fields are added by the client after the groups are returned by the server
     channelID?: string;
     teamID?: string;
-}
+};
 
 export type UsersWithGroupsAndCount = {
     users: UserWithGroup[];
@@ -159,7 +159,7 @@ export type GroupCreateWithUserIds = {
     source: string;
     user_ids: string[];
     description?: string;
-}
+};
 
 export type GetGroupsParams = {
     filter_allow_reference?: boolean;
@@ -169,33 +169,33 @@ export type GetGroupsParams = {
     include_archived?: boolean;
     filter_archived?: boolean;
     include_member_ids?: boolean;
-}
+};
 
 export type GetGroupsForUserParams = GetGroupsParams & {
     filter_has_member: string;
-}
+};
 
 export type GroupSearchParams = GetGroupsParams & {
     q: string;
     filter_has_member?: string;
     include_timezones?: string;
     include_channel_member_count?: string;
-}
+};
 
 export type GroupMember = {
     group_id: string;
     user_id: string;
     create_at: number;
     deleted_at: number;
-}
+};
 
 export type GroupMembership = {
     user_id: string;
     roles: string;
-}
+};
 
 export type GroupPermissions = {
     can_delete: boolean;
     can_manage_members: boolean;
     can_restore: boolean;
-}
+};
diff --git a/webapp/platform/types/src/hosted_customer.ts b/webapp/platform/types/src/hosted_customer.ts
index ad73b04da16..544d720c48e 100644
--- a/webapp/platform/types/src/hosted_customer.ts
+++ b/webapp/platform/types/src/hosted_customer.ts
@@ -8,4 +8,4 @@ export type HostedCustomerState = {
         products: Record<string, Product>;
         productsLoaded: boolean;
     };
-}
+};
diff --git a/webapp/platform/types/src/integrations.ts b/webapp/platform/types/src/integrations.ts
index b78cff05e8c..76fcefb5c5f 100644
--- a/webapp/platform/types/src/integrations.ts
+++ b/webapp/platform/types/src/integrations.ts
@@ -45,34 +45,34 @@ export type OutgoingWebhook = {
 };
 
 export type Command = {
-    'id': string;
-    'token': string;
-    'create_at': number;
-    'update_at': number;
-    'delete_at': number;
-    'creator_id': string;
-    'team_id': string;
-    'trigger': string;
-    'method': 'P' | 'G' | '';
-    'username': string;
-    'icon_url': string;
-    'auto_complete': boolean;
-    'auto_complete_desc': string;
-    'auto_complete_hint': string;
-    'display_name': string;
-    'description': string;
-    'url': string;
+    id: string;
+    token: string;
+    create_at: number;
+    update_at: number;
+    delete_at: number;
+    creator_id: string;
+    team_id: string;
+    trigger: string;
+    method: 'P' | 'G' | '';
+    username: string;
+    icon_url: string;
+    auto_complete: boolean;
+    auto_complete_desc: string;
+    auto_complete_hint: string;
+    display_name: string;
+    description: string;
+    url: string;
 };
 
 export type CommandArgs = {
     channel_id: string;
     team_id?: string;
     root_id?: string;
-}
+};
 
 export type DialogArgs = {
     channel_id: string;
-}
+};
 
 export type CommandResponse = {
     response_type: string;
@@ -101,34 +101,34 @@ export type AutocompleteSuggestion = {
 export type CommandAutocompleteSuggestion = AutocompleteSuggestion; // TODO remove this alias after the mattermost-redux migration
 
 export type OAuthApp = {
-    'id': string;
-    'creator_id': string;
-    'create_at': number;
-    'update_at': number;
-    'client_secret': string;
-    'name': string;
-    'description': string;
-    'icon_url': string;
-    'callback_urls': string[];
-    'homepage': string;
-    'is_trusted': boolean;
-    'is_dynamically_registered'?: boolean;
-    'is_public'?: boolean;
+    id: string;
+    creator_id: string;
+    create_at: number;
+    update_at: number;
+    client_secret: string;
+    name: string;
+    description: string;
+    icon_url: string;
+    callback_urls: string[];
+    homepage: string;
+    is_trusted: boolean;
+    is_dynamically_registered?: boolean;
+    is_public?: boolean;
 };
 
 export type OutgoingOAuthConnection = {
-    'id': string;
-    'name': string;
-    'creator_id': string;
-    'create_at': number;
-    'update_at': number;
-    'client_id': string;
-    'client_secret'?: string;
-    'credentials_username'?: string;
-    'credentials_password'?: string;
-    'oauth_token_url': string;
-    'grant_type': 'client_credentials' | 'password';
-    'audiences': string[];
+    id: string;
+    name: string;
+    creator_id: string;
+    create_at: number;
+    update_at: number;
+    client_id: string;
+    client_secret?: string;
+    credentials_username?: string;
+    credentials_password?: string;
+    oauth_token_url: string;
+    grant_type: 'client_credentials' | 'password';
+    audiences: string[];
 };
 
 export type IntegrationsState = {
@@ -150,7 +150,7 @@ export type OpenDialogRequest = {
     trigger_id: string;
     url: string;
     dialog: Dialog;
-}
+};
 
 export type Dialog = {
     callback_id?: string;
diff --git a/webapp/platform/types/src/jobs.ts b/webapp/platform/types/src/jobs.ts
index c1b635a8b59..de5815ffc8b 100644
--- a/webapp/platform/types/src/jobs.ts
+++ b/webapp/platform/types/src/jobs.ts
@@ -24,4 +24,4 @@ export type JobsState = {
 };
 export type JobTypeBase = {
     type: JobType;
-}
+};
diff --git a/webapp/platform/types/src/limits.ts b/webapp/platform/types/src/limits.ts
index 8cf94eb02e3..569b46a6217 100644
--- a/webapp/platform/types/src/limits.ts
+++ b/webapp/platform/types/src/limits.ts
@@ -16,4 +16,4 @@ export type ServerLimits = {
 
     singleChannelGuestCount?: number;
     singleChannelGuestLimit?: number;
-}
+};
diff --git a/webapp/platform/types/src/marketplace.ts b/webapp/platform/types/src/marketplace.ts
index 1af57616654..dad0fe2b144 100644
--- a/webapp/platform/types/src/marketplace.ts
+++ b/webapp/platform/types/src/marketplace.ts
@@ -8,7 +8,7 @@ export type MarketplaceLabel = {
     name: string;
     description?: string;
     url?: string;
-}
+};
 
 export enum HostingType {
     OnPrem = 'on-prem',
diff --git a/webapp/platform/types/src/message_attachments.ts b/webapp/platform/types/src/message_attachments.ts
index 13740eacfa8..5f6e97e8ef8 100644
--- a/webapp/platform/types/src/message_attachments.ts
+++ b/webapp/platform/types/src/message_attachments.ts
@@ -106,7 +106,7 @@ export type MessageAttachmentField = {
     title?: string;
     value?: unknown;
     short?: boolean;
-}
+};
 
 function isMessageAttachmentField(v: unknown) {
     if (typeof v !== 'object') {
diff --git a/webapp/platform/types/src/plugins.ts b/webapp/platform/types/src/plugins.ts
index cc8f43f2013..8f1e8b85c8a 100644
--- a/webapp/platform/types/src/plugins.ts
+++ b/webapp/platform/types/src/plugins.ts
@@ -7,7 +7,7 @@ import type {Channel} from './channels';
 type MessageDescriptor = {
     id: string;
     defaultMessage: string;
-}
+};
 
 export type PluginManifest = {
     id: string;
@@ -96,7 +96,7 @@ type PluginInstance = {
     cluster_id: string;
     version: string;
     state: number;
-}
+};
 
 export type PluginStatusRedux = {
     id: string;
@@ -107,7 +107,7 @@ export type PluginStatusRedux = {
     state: number;
     error?: string;
     instances: PluginInstance[];
-}
+};
 
 export type ClientPluginManifest = {
     id: string;
@@ -117,14 +117,14 @@ export type ClientPluginManifest = {
     webapp: {
         bundle_path: string;
     };
-}
+};
 
 export type MarketplaceLabel = { // TODO remove this in favour of the definition in types/marketplace after the mattermost-redux migration
     name: string;
     description?: string;
     url?: string;
     color?: string;
-}
+};
 
 export enum HostingType { // TODO remove this in favour of the definition in types/marketplace after the mattermost-redux migration
     OnPrem = 'on-prem',
@@ -155,7 +155,7 @@ export type MarketplacePlugin = { // TODO remove this in favour of the definitio
     enterprise: boolean;
     manifest: PluginManifest;
     installed_version?: string;
-}
+};
 
 /**
  * Snapshot of the "Create a new channel" modal's form, passed to a plugin's channel-type option
diff --git a/webapp/platform/types/src/posts.ts b/webapp/platform/types/src/posts.ts
index fd3a07baacf..ede5e11195b 100644
--- a/webapp/platform/types/src/posts.ts
+++ b/webapp/platform/types/src/posts.ts
@@ -57,13 +57,13 @@ export type PostAcknowledgement = {
     post_id: Post['id'];
     user_id: UserProfile['id'];
     acknowledged_at: number;
-}
+};
 
 export type PostPriorityMetadata = {
-    priority: PostPriority|'';
+    priority: PostPriority | '';
     requested_ack?: boolean;
     persistent_notifications?: boolean;
-}
+};
 
 export type PostTranslation = {
     object?: {
@@ -135,7 +135,7 @@ export type PostList = {
 
 export type PaginatedPostList = PostList & {
     has_next: boolean;
-}
+};
 
 export type PostSearchResults = PostList & {
     matches: RelationOneToOne<Post, string[]>;
@@ -179,7 +179,7 @@ export declare type OpenGraphMetadataImage = {
     type?: string;
     height?: number;
     width?: number;
-}
+};
 
 export declare type OpenGraphMetadata = {
     type?: string;
@@ -217,16 +217,16 @@ export type PostAnalytics = {
     post_id: string;
     user_actual_id: string;
     root_id: string;
-    priority?: PostPriority|'';
+    priority?: PostPriority | '';
     requested_ack?: boolean;
     persistent_notifications?: boolean;
-}
+};
 export type ActivityEntry = {
     postType: Post['type'];
     actorId: string[];
     userIds: string[];
     usernames: string[];
-}
+};
 
 export type PostInfo = {
     channel_id: string;
@@ -237,11 +237,11 @@ export type PostInfo = {
     team_type: TeamType;
     team_display_name: string;
     has_joined_team: boolean;
-}
+};
 
 export type NotificationStatus = 'error' | 'not_sent' | 'unsupported' | 'success';
 export type NotificationResult = {
     status: NotificationStatus;
     reason?: string;
     data?: string;
-}
+};
diff --git a/webapp/platform/types/src/product_notices.ts b/webapp/platform/types/src/product_notices.ts
index ec36d047caa..df7737e642b 100644
--- a/webapp/platform/types/src/product_notices.ts
+++ b/webapp/platform/types/src/product_notices.ts
@@ -30,7 +30,7 @@ export type ProductNotice = {
 
     sysAdminOnly: boolean;
     teamAdminOnly: boolean;
-}
+};
 
 /** List of product notices. Order is important and is used to resolve priorities.
  * Each notice will only be show if conditions are met.
diff --git a/webapp/platform/types/src/properties.ts b/webapp/platform/types/src/properties.ts
index d5555513e46..aa619e01d32 100644
--- a/webapp/platform/types/src/properties.ts
+++ b/webapp/platform/types/src/properties.ts
@@ -51,7 +51,7 @@ export type PropertyValue<T> = {
     delete_at: number;
     created_by: string;
     updated_by: string;
-}
+};
 
 export type UserPropertyFieldType = 'text' | 'select' | 'multiselect';
 
@@ -87,7 +87,7 @@ export type PropertyFieldOption = {
     name: string;
     color?: string;
     rank?: number;
-}
+};
 
 export type UserPropertyField = PropertyField & {
     group_id: UserPropertyFieldGroupID;
@@ -111,7 +111,7 @@ export type SelectPropertyField = PropertyField & {
         editable?: boolean;
         options?: PropertyFieldOption[];
     };
-}
+};
 
 export const supportsOptions = (field: UserPropertyField) => {
     return field.type === 'select' || field.type === 'multiselect';
@@ -151,7 +151,7 @@ export type PropertyValuesState = {
 
 export type PropertyGroupsState = {
     byId: IDMappedObjects<PropertyGroup>;
-    byName: { [name: string]: PropertyGroup };
+    byName: {[name: string]: PropertyGroup};
 };
 
 export type PropertyValuesUpdated<T> = {
diff --git a/webapp/platform/types/src/remote_clusters.ts b/webapp/platform/types/src/remote_clusters.ts
index ce784d7e4ca..b6eaf0b6a2e 100644
--- a/webapp/platform/types/src/remote_clusters.ts
+++ b/webapp/platform/types/src/remote_clusters.ts
@@ -14,9 +14,9 @@ export type RemoteClusterAcceptInvite = {
     default_team_id: string;
     invite: string;
     password: string;
-}
+};
 
-export type RemoteClusterPatch = Pick<RemoteCluster, 'display_name' | 'default_team_id'>
+export type RemoteClusterPatch = Pick<RemoteCluster, 'display_name' | 'default_team_id'>;
 
 export function isRemoteClusterPatch(x: Partial<RemoteClusterPatch>): x is RemoteClusterPatch {
     return (
@@ -41,8 +41,8 @@ export type RemoteCluster = {
     plugin_id: string;
     options: number;
     default_team_id: string;
-}
+};
 
 export type RemoteClusterWithPassword = RemoteCluster & {
     password: string;
-}
+};
diff --git a/webapp/platform/types/src/reports.ts b/webapp/platform/types/src/reports.ts
index fde2bebd58d..9dd908ab7da 100644
--- a/webapp/platform/types/src/reports.ts
+++ b/webapp/platform/types/src/reports.ts
@@ -31,8 +31,8 @@ export enum GuestFilter {
 }
 
 export enum CursorPaginationDirection {
-    'prev' = 'prev',
-    'next' = 'next',
+    prev = 'prev',
+    next = 'next',
 }
 
 export type UserReportFilter = {
@@ -43,7 +43,7 @@ export type UserReportFilter = {
     hide_inactive?: boolean;
     search_term?: string;
     guest_filter?: string;
-}
+};
 
 export type UserReportOptions = UserReportFilter & {
     page_size?: number;
@@ -89,4 +89,4 @@ export type UserReport = UserProfile & {
     days_active?: number;
     total_posts?: number;
     channel_count?: number;
-}
+};
diff --git a/webapp/platform/types/src/schedule_post.ts b/webapp/platform/types/src/schedule_post.ts
index db0bf3867da..1296c14e8b3 100644
--- a/webapp/platform/types/src/schedule_post.ts
+++ b/webapp/platform/types/src/schedule_post.ts
@@ -10,11 +10,11 @@ export type SchedulingInfo = {
     scheduled_at: number;
     processed_at?: number;
     error_code?: ScheduledPostErrorCode;
-}
+};
 
 export type ScheduledPost = Omit<Draft, 'delete_at'> & SchedulingInfo & {
     id: string;
-}
+};
 
 export type ScheduledPostsState = {
     byId: {
@@ -29,7 +29,7 @@ export type ScheduledPostsState = {
     byChannelOrThreadId: {
         [channelId: string]: string[];
     };
-}
+};
 
 export function scheduledPostFromPost(post: Post, schedulingInfo: SchedulingInfo): ScheduledPost {
     return {
diff --git a/webapp/platform/types/src/search.ts b/webapp/platform/types/src/search.ts
index 2a686476430..9c8024e3a35 100644
--- a/webapp/platform/types/src/search.ts
+++ b/webapp/platform/types/src/search.ts
@@ -31,4 +31,4 @@ export type SearchParameter = {
     page: number;
     per_page: number;
     include_deleted_channels: boolean;
-}
+};
diff --git a/webapp/platform/types/src/sessions.ts b/webapp/platform/types/src/sessions.ts
index 5ead0edea97..17c430ad326 100644
--- a/webapp/platform/types/src/sessions.ts
+++ b/webapp/platform/types/src/sessions.ts
@@ -16,4 +16,4 @@ export type Session = {
     props: Record<string, any>;
     team_members: TeamMembership[];
     local: boolean;
-}
+};
diff --git a/webapp/platform/types/src/setup.ts b/webapp/platform/types/src/setup.ts
index 085527a434b..5035acd259d 100644
--- a/webapp/platform/types/src/setup.ts
+++ b/webapp/platform/types/src/setup.ts
@@ -4,4 +4,4 @@
 export type CompleteOnboardingRequest = {
     organization: string;
     install_plugins: string[];
-}
+};
diff --git a/webapp/platform/types/src/shared_channels.ts b/webapp/platform/types/src/shared_channels.ts
index b4c78179c19..33c12d3fcee 100644
--- a/webapp/platform/types/src/shared_channels.ts
+++ b/webapp/platform/types/src/shared_channels.ts
@@ -15,7 +15,7 @@ export type SharedChannelRemote = {
     last_post_id: string;
     last_post_create_at: number;
     last_post_create_id: string;
-}
+};
 
 // RemoteClusterInfo matches the server-side struct with subset of RemoteCluster fields
 export type RemoteClusterInfo = {
@@ -31,4 +31,4 @@ export type RemoteClusterInfo = {
 export type SharedChannelsState = {
     remotes: Record<string, RemoteClusterInfo[]>;
     remotesByRemoteId: Record<string, RemoteClusterInfo>;
-}
+};
diff --git a/webapp/platform/types/src/teams.ts b/webapp/platform/types/src/teams.ts
index 551582d7b1c..27f084d63c1 100644
--- a/webapp/platform/types/src/teams.ts
+++ b/webapp/platform/types/src/teams.ts
@@ -18,7 +18,7 @@ export type TeamMemberWithError = {
     member: TeamMembership;
     user_id: string;
     error: ServerError;
-}
+};
 
 export type TeamType = 'O' | 'I';
 
diff --git a/webapp/platform/types/src/terms_of_service.ts b/webapp/platform/types/src/terms_of_service.ts
index e6553286907..a4a4f282e69 100644
--- a/webapp/platform/types/src/terms_of_service.ts
+++ b/webapp/platform/types/src/terms_of_service.ts
@@ -6,4 +6,4 @@ export type TermsOfService = {
     create_at: number;
     user_id: string;
     text: string;
-}
+};
diff --git a/webapp/platform/types/src/threads.ts b/webapp/platform/types/src/threads.ts
index 50fc903c46c..90707dbee56 100644
--- a/webapp/platform/types/src/threads.ts
+++ b/webapp/platform/types/src/threads.ts
@@ -8,7 +8,7 @@ import type {UserProfile} from './users';
 import type {IDMappedObjects, RelationOneToMany, RelationOneToOne} from './utilities';
 
 export enum UserThreadType {
-    Synthetic = 'S' // derived from post
+    Synthetic = 'S', // derived from post
 }
 
 export type UserThread = {
@@ -37,7 +37,7 @@ export type UserThread = {
 type SyntheticMissingKeys = 'unread_replies' | 'unread_mentions' | 'last_viewed_at';
 export type UserThreadSynthetic = Omit<UserThread, SyntheticMissingKeys> & {
     type: UserThreadType.Synthetic;
-}
+};
 
 export function threadIsSynthetic(thread: UserThread | UserThreadSynthetic): thread is UserThreadSynthetic {
     return thread.type === UserThreadType.Synthetic;
@@ -51,7 +51,7 @@ export type UserThreadList = {
     total_unread_mentions: number;
     total_unread_urgent_mentions?: number;
     threads: UserThreadWithPost[];
-}
+};
 
 export type ThreadsState = {
     threadsInTeam: RelationOneToMany<Team, UserThread>;
diff --git a/webapp/platform/types/src/utilities.ts b/webapp/platform/types/src/utilities.ts
index c010ecd3d12..125000c4f5f 100644
--- a/webapp/platform/types/src/utilities.ts
+++ b/webapp/platform/types/src/utilities.ts
@@ -38,7 +38,7 @@ export type DeepPartial<T> = {
                     // Else leave it as an optional primitive
                         T[K]
     );
-}
+};
 
 export type ValueOf<T> = T[keyof T];
 
@@ -49,7 +49,7 @@ export type RequireOnlyOne<T, Keys extends keyof T = keyof T> =
 Pick<T, Exclude<keyof T, Keys>> & {[K in Keys]-?: Required<Pick<T, K>> & Partial<Record<Exclude<Keys, K>, undefined>>}[Keys];
 
 export type Intersection<T1, T2> =
-Omit<Omit<T1&T2, keyof(Omit<T1, keyof(T2)>)>, keyof(Omit<T2, keyof(T1)>)>;
+Omit<Omit<T1 & T2, keyof(Omit<T1, keyof(T2)>)>, keyof(Omit<T2, keyof(T1)>)>;
 
 /** https://stackoverflow.com/a/66605669 */
 type Only<T, U> = {[P in keyof T]: T[P]} & {[P in keyof U]?: never};