eslint: use semicolon TypeScript delimeter

src/features/status/components/card.tsx

@@ -21,14 +21,14 @@ const trim = (text: string, len: number): string => {
 };
 
 interface ICard {
-  card: CardEntity
-  maxTitle?: number
-  maxDescription?: number
-  onOpenMedia: (attachments: ImmutableList<Attachment>, index: number) => void
-  compact?: boolean
-  defaultWidth?: number
-  cacheWidth?: (width: number) => void
-  horizontal?: boolean
+  card: CardEntity;
+  maxTitle?: number;
+  maxDescription?: number;
+  onOpenMedia: (attachments: ImmutableList<Attachment>, index: number) => void;
+  compact?: boolean;
+  defaultWidth?: number;
+  cacheWidth?: (width: number) => void;
+  horizontal?: boolean;
 }
 
 const Card: React.FC<ICard> = ({

src/features/status/components/detailed-status.tsx

@@ -18,11 +18,11 @@ import StatusInteractionBar from './status-interaction-bar';
 import type { Group, Status as StatusEntity } from 'soapbox/types/entities';
 
 interface IDetailedStatus {
-  status: StatusEntity
-  showMedia?: boolean
-  withMedia?: boolean
-  onOpenCompareHistoryModal: (status: StatusEntity) => void
-  onToggleMediaVisibility: () => void
+  status: StatusEntity;
+  showMedia?: boolean;
+  withMedia?: boolean;
+  onOpenCompareHistoryModal: (status: StatusEntity) => void;
+  onToggleMediaVisibility: () => void;
 }
 
 const DetailedStatus: React.FC<IDetailedStatus> = ({

src/features/status/components/status-interaction-bar.tsx

@@ -13,7 +13,7 @@ import { shortNumberFormat } from 'soapbox/utils/numbers';
 import type { Status } from 'soapbox/types/entities';
 
 interface IStatusInteractionBar {
-  status: Status
+  status: Status;
 }
 
 const StatusInteractionBar: React.FC<IStatusInteractionBar> = ({ status }): JSX.Element | null => {
@@ -200,10 +200,10 @@ const StatusInteractionBar: React.FC<IStatusInteractionBar> = ({ status }): JSX.
 };
 
 interface IInteractionCounter {
-  count: number
-  children: React.ReactNode
-  onClick?: React.MouseEventHandler<HTMLButtonElement>
-  to?: string
+  count: number;
+  children: React.ReactNode;
+  onClick?: React.MouseEventHandler<HTMLButtonElement>;
+  to?: string;
 }
 
 const InteractionCounter: React.FC<IInteractionCounter> = ({ count, children, onClick, to }) => {

src/features/status/components/thread-status.tsx

@@ -7,11 +7,11 @@ import PlaceholderStatus from 'soapbox/features/placeholder/components/placehold
 import { useAppSelector } from 'soapbox/hooks';
 
 interface IThreadStatus {
-  id: string
-  contextType?: string
-  focusedStatusId: string
-  onMoveUp: (id: string) => void
-  onMoveDown: (id: string) => void
+  id: string;
+  contextType?: string;
+  focusedStatusId: string;
+  onMoveUp: (id: string) => void;
+  onMoveDown: (id: string) => void;
 }
 
 /** Status with reply-connector in threads. */

src/features/status/components/thread.tsx

@@ -75,12 +75,12 @@ export const getDescendantsIds = createSelector([
 });
 
 interface IThread {
-  status: Status
-  withMedia?: boolean
-  useWindowScroll?: boolean
-  itemClassName?: string
-  next: string | undefined
-  handleLoadMore: () => void
+  status: Status;
+  withMedia?: boolean;
+  useWindowScroll?: boolean;
+  itemClassName?: string;
+  next: string | undefined;
+  handleLoadMore: () => void;
 }
 
 const Thread = (props: IThread) => {

src/features/status/containers/quoted-status-container.tsx

@@ -7,7 +7,7 @@ import { makeGetStatus } from 'soapbox/selectors';
 
 interface IQuotedStatusContainer {
   /** Status ID to the quoted status. */
-  statusId: string
+  statusId: string;
 }
 
 const QuotedStatusContainer: React.FC<IQuotedStatusContainer> = ({ statusId }) => {

src/features/status/index.tsx

@@ -36,13 +36,13 @@ const messages = defineMessages({
 });
 
 type RouteParams = {
-  statusId: string
-  groupId?: string
-  groupSlug?: string
+  statusId: string;
+  groupId?: string;
+  groupSlug?: string;
 };
 
 interface IStatusDetails {
-  params: RouteParams
+  params: RouteParams;
 }
 
 const StatusDetails: React.FC<IStatusDetails> = (props) => {